限制谷歌地图搜索在城市边界内放置自动填充功能?

时间:2016-07-15 13:42:49

标签: google-maps

如何限制城市内的谷歌搜索边界和场所。

我希望用户能够搜索特定区域内的场所 - 城市

var options = {
                componentRestrictions: {
                    country: 'PH'}
            };
            var autocomplete = new google.maps.places.Autocomplete(input, options);
            autocomplete.bindTo('bounds', map);

1 个答案:

答案 0 :(得分:0)

Autocomplete在您的网页上创建一个文本输入字段,提供UI选择列表中的地点预测,并返回地点详细信息以响应getPlace()请求。

cities)类型集合指示商家信息服务返回与localityadministrative_area3匹配的结果。

使用componentRestrictions选项将自动填充搜索限制在特定国家/地区。以下代码将结果限制在法国境内的城市。

var input = document.getElementById('searchTextField');
var options = {
types: ['(cities)'],
componentRestrictions: {country: 'fr'}
};

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

有关如何限制搜索的详细信息,请查看本教程页面:How to limit google autocomplete results to City and Country only