谷歌放置自动完成限制类型和隐藏键

Question

我有一个简单的 grails 应用程序，它有一个使用 google places api 的自动完成输入字段。代码如下

<label for="city">
   <input id="city" name="city">
</label>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=myKey"></script>
<script>
    var input = document.getElementById('city');
    var searchBox = new google.maps.places.SearchBox(input);
</script>

这很好用，但它提供了城市、州、国家等信息。我只需要城市和州/只有州，我不想要国家。

Boston, MA, United States - Is the results that I get and i Need it to look like

Boston, MA Or MA

有没有办法在我收到的回复中添加模板？ （我需要来自世界各地的城市和州，但响应中没有国家）

我是这个 API 的新手，提前致谢

Answer 1

很遗憾，这还不能通过 API 获得。您只能手动执行此操作或创建一个函数来过滤 API 对您的自定义文本的响应。

参考资料：

• Google Places Autocomplete Remove State and Country from Result
• Google Places: Limit Autocomplete Results to Cities Only, Hints
• Google Places JavaScript Autocomplete: can I remove the country from the place name?

您还可以检查Places API Feature request 以查看是否已经有对此的待处理功能请求。如果没有，您可以提交Feature request。

希望这会有所帮助！

Answer 2

您可以很容易地将您的google-map search 结果过滤到特定国家/地区。

只需将option 传递给您的自动完成功能，如下所示

 //options for restricting the search result to "US"
 var options = {
  types: ['(cities)'],
  componentRestrictions: {country: "us"}
 };

 //Search box code
 var input = document.getElementById('city');
 var searchBox = new google.maps.places.Autocomplete(input, options);

官方国家代码参考： https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#AM

正如 Vishal 提到的，他希望搜索只产生全世界的城市，但 谷歌地图没有这样的设施，只能在搜索结果中给出所有国家/地区的城市名称 .

我们可以做的一件事是在之后更改输入值（从中删除国家/地区） 用户选择地址。

添加以下代码：

 //Search box code
 var input = document.getElementById('city');
 var searchBox = new google.maps.places.Autocomplete(input);

 //adding event listener over the input box
 google.maps.event.addListener(searchBox, 'place_changed', function() {
        var place = searchBox.getPlace();

        //remove the country part from search result
        var rquiredAddress = place.formatted_address.slice(0, place.formatted_address.lastIndexOf(","));;
       $("#city").val(rquiredAddress);
 });

只是一个意见，你应该在搜索中保留国家部分 可能是不同国家/地区相似的城市名称数量 会迷惑用户。