Question

var options = {
map_frame_id: "mapframe",
    map_window_id: "mapwindow",
    lat_id: "filter_lat",
    lng_id: "filter_lng",
    addr_id: "filter_address",
    lat: "37.7749295",
    lng: "-122.4194155",
    map_zoom: 13 
}

$('#mapaddress').autogeocomplete(options);

现在，lat和lng代码显示在2个不同的输入中：

lat_id: "filter_lat",
lng_id: "filter_lng",

是否可以添加包含上述两者的第三个？

我尝试直接从输入中获取带有jquery的代码，但是autogeocomplete脚本因某种原因停止了它，所以我想我会尝试更新主脚本。

Answer 1

只需像这样添加一些内容到自动完成脚本（这会改变你选择的input）：

$("#yourid").val(ui.item.latitude + "," + ui.item.longitude);

到代码的这一部分（第106-> 109行）

select: function(event, ui) {
    $("#" + lat_id).val(ui.item.latitude);
    $("#" + lng_id).val(ui.item.longitude);
},

你可以为你想要更新的id input添加一个选项

Source for Autogeocomplete here

或者

如果您不想修改插件，请尝试：

$('#filter_lat, #filter_lng').change(function() {
    $('#yourid').val($('#filter_lat').val() + "," + $('#filter_lng').val());
});

修改Google Maps Api代码

1 个答案: