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

时间:2018-05-09 13:56:46

标签: google-maps google-maps-api-3

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

有人知道我应该使用的Google Maps API是什么吗?我已经阅读了Google文档,但我还没有找到它。提前致谢。

Screenshot

1 个答案:

答案 0 :(得分:1)

您可以types使用(regions)选项(cities)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>
&#13;
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initialize" async defer></script>
&#13;
&#13;
&#13;

请注意,您需要在API调用中加载places库:

{{1}}