Question

我有一个用于选择城市的下拉菜单和一个自动填充文本框。我只想在下拉列表中选择所选城市的位置。

function initAutocomplete() {
    autocomplete = new google.maps.places.Autocomplete(
            (document.getElementById('auto')),{
                bounds: new google.maps.Circle({
                    center: new google.maps.LatLng( 18.520430,73.856744 ),
                    radius: 500
                }).getBounds(),
                types: ['establishment']
            });

    autocomplete.addListener('place_changed', function(){});
}

我使用上面的代码进行地方自动填充，但我想动态地将经度和纬度传递给此函数。我怎样才能做到这一点？请帮我。我想要像swiggy.com这样的功能。

Answer 1

当选择新城市并且您拥有该城市的新lat时，请使用此段代码更新自动完成窗口小部件的界限，其值为lat和lng：

var bounds = new google.maps.LatLngBounds();
var latLng = new google.maps.LatLng(lat, lng);
bounds.extend(latLng);
autocomplete.setBounds(bounds);

所选城市的地点自动填充的偏差结果

1 个答案: