jquery - Google map LatLong 选择器 - 1 个字段中的 latlong

Question

我对用于自定义 WordPress 短代码的 jQuery 插件有疑问。该插件是 Google map 的搜索表单，以 LatLong 作为输出。

插件链接:http://www.wimagguc.com/projects/jquery-latitude-longitude-picker-gmaps/我使用以下示例代码:“可编辑和可选择的纬度/经度值”。

纬度和经度都作为隐藏输入输出。我想要在 1 个隐藏输入中输出纬度和经度。

示例输出:

<input type="text" class="gllpLatitude" value="52.372086">
<input type="text" class="gllpLongitude" value="4.898437">

期望的输出:

<input type="text" class="LatLong" value="52.372086,4.898437">

问题是:如何？!

这是插件的代码:http://www.wimagguc.com/projects/jquery-latitude-longitude-picker-gmaps/js/jquery-gmaps-latlon-picker.js

Answer 1

您可以为此添加另一个隐藏字段。由于只要移动标记就会触发 location_changed 事件，因此您可以轻松更新此值。您还需要在初始化时设置此值，因此如果用户在不更改标记位置的情况下提交源，latLng 值仍将被正确设置。

$(document).bind("location_changed", function(event, object) {
    updateLatLng($(this));
});

$(".gllpLatlonPicker").each(function() {
    (new GMapsLatLonPicker()).init( $(this) );
    updateLatLng($(this));
});

function updateLatLng(object) {
    var lat = $(object).find('.gllpLatitude').val();
    var lng = $(object).find('.gllpLongitude').val();
    var latLng = lat + ',' + lng;
    $(object).find('.gllpLatLong').val(latLng);
}

工作 fiddle here