使用 Google Maps API 自动完成功能仅获取城市名称答案

【问题标题】：Get only city names with Google Maps API autocompletion使用 Google Maps API 自动完成功能仅获取城市名称
【发布时间】：2015-03-26 01:40:14
【问题描述】：

感谢 Google Maps API，我使用此代码提供位置名称的自动补全：

var autocomplete = new google.maps.places.Autocomplete(document.getElementById('adr'));

City : <input id="adr" type="text" class="form-control" value="" >
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>

提供所有地点名称，如城市名称“巴黎”，还有国家名称“德国”、地区名称等。

除了城市名称，怎么可能有自动补全功能？即没有街道名称，没有国家名称，没有地区名称？

【问题讨论】：

标签： javascript google-maps autocomplete

【解决方案1】：

这在文档中：https://developers.google.com/places/documentation/autocomplete#place_types

var autocomplete = new google.maps.places.Autocomplete(yourHTMLElement, { types: ['(cities)']});

【讨论】：

谢谢！你知道如何限制到一个特定的国家，并从一个写的城市获取邮政编码。示例：巴黎 -> 75000
是的，为此我使用 componentRestrictions 属性。您可以使用国家/地区 ISO2 代码添加国家/地区限制。您可以在 Init var autocomplete = new google.maps.places.Autocomplete(yourHTMLElement, { types: ['(cities)'], componentRestrictions : { country: 'fr' }}) 或动态 autocomplete.setComponentRestrictions({ country: 'fr' }) 中执行此操作。参考：developers.google.com/maps/documentation/javascript/…

【解决方案2】：

var autocomplete = new google.maps.places.Autocomplete(
  document.getElementById('adr'),
  { 
    types: ['(cities)']
  }
);

City : <input id="adr" type="text" class="form-control" value="" style="width:100%">
<script src="http://maps.googleapis.com/maps/api/js?sensor=true&amp;libraries=places" type="text/javascript"></script>

【讨论】：