在我的项目中,我希望用户选择澳大利亚郊区。当用户键入郊区时,表单具有自动建议字段,它需要建议将郊区与查询匹配。以下屏幕截图显示了我需要的内容。
有人知道我应该使用的Google Maps API是什么吗?我已经阅读了Google文档,但我还没有找到它。提前致谢。
答案 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;
请注意,您需要在API调用中加载places库:
{{1}}