如何使用 Maps API 获取澳大利亚的郊区列表答案

【问题标题】：How to get list of suburbs in Australia using Maps API如何使用 Maps API 获取澳大利亚的郊区列表
【发布时间】：2018-05-09 13:56:45
【问题描述】：

在我的项目中，我希望用户选择澳大利亚郊区。当用户键入郊区时，该表单具有自动建议字段，它需要建议与查询匹配的郊区。以下屏幕截图显示了我确切需要的内容。

有人知道我应该使用什么 Google Maps API 吗？我已经浏览了谷歌文档，但我还没有找到。提前致谢。

【问题讨论】：

郊区？你是说地方吗？
@MrUpsidown：是的，地方。

标签： google-maps google-maps-api-3

【解决方案1】：

您可以根据需要在(regions) 或(cities) 上使用Autocomplete 和types 选项。

您还可以使用componentRestrictions 将结果限制在特定地区或国家，例如澳大利亚。

function initialize() {

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

  ac.addListener('place_changed', function() {

    var place = ac.getPlace();

    if (!place.geometry) {
      // User entered the name of a Place that was not suggested and
      // pressed the Enter key, or the Place Details request failed.
      window.alert("No details available for input: '" + place.name + "'");
      return;
    }

    // Alert the selected place
    window.alert("You selected: '" + place.formatted_address + "'");
  });
}

#autocomplete {
  width: 300px;
}

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initialize" async defer></script>
<input id="autocomplete" placeholder="Enter your address" type="text"></input>

请注意，您需要在 API 调用中加载地点库：

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initialize" async defer></script>

【讨论】：