Question

我已在我的网页上集成了Google地图，并使用以下代码添加了一个搜索框：

var input = document.getElementById('pac-input');
var searchBox = new google.maps.places.SearchBox(input);
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

// Bias the SearchBox results towards current map's viewport.
map.addListener('bounds_changed', function() {
    searchBox.setBounds(map.getBounds());
});                 

map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);

autocomplete.addListener('place_changed', function() {
    var place = autocomplete.getPlace();
    if (!place.geometry) {
        return;
    }

    // If the place has a geometry, then present it on a map.
    if (place.geometry.viewport) {
        map.fitBounds(place.geometry.viewport);
    } else {
        map.setCenter(place.geometry.location);
        map.setZoom(17); 
    }
});

目前这给了我一个带有自动填充列表的搜索框，这很好。但我必须点击此列表中的项目才能转到该位置。如果我只是在输入中输入一个命中输入，没有任何反应.. 有什么帮助吗？

谢谢！

Answer 1

尝试更改

var searchBox = new google.maps.places.SearchBox(input);

到

 var autocomplete = new google.maps.places.Autocomplete(input);

Google Map API，搜索框

1 个答案: