如何使基于谷歌api的城市仅自动完成输入

时间:2016-06-06 12:01:37

标签: javascript google-maps-api-3

我是新谷歌地方自动完成api。我想只为城市自我完成。当你进入像伦敦这样的城市时,可以看到伦敦城市,但也可以看到另一个地方。我不希望这些与城市名称相关。简而言之,我想要只有城市名称的自我完整作品。 以下是我的代码。我无法更正代码。请帮帮我

   var input = document.getElementById(inputId);

   var options = {types:['(cities)'],componentRestrictions: {}}; 


    new google.maps.places.Autocomplete(input,options);

1 个答案:

答案 0 :(得分:0)

尝试将bounds属性添加到要传递给Autocomplete构造函数的options对象,如下面的代码所示:

var southWest = new google.maps.LatLng( 25.341233, 68.289986 );
var northEast = new google.maps.LatLng( 25.450715, 68.428345 );
var hyderabadBounds = new google.maps.LatLngBounds( southWest, northEast );

var options = {
bounds: hyderabadBounds,
types: ['establishment [or whatever fits your usage]'],
componentRestrictions: { country: 'pk' }
};

使用bindTo()将结果偏向地图的视口,即使该视口发生变化也是如此。

autocomplete.bindTo(' bounds',map);

然后,要将搜索限制在特定国家/地区,请使用componentrestrictions