我有两个textinput
,地址自动完成功能在这两个系统上都能正常工作。
当我开始输入任何一个textinput
时,都会得到dropdown
并带有正确的建议。
选择地址后,我希望邮政编码显示在所选的textinput
中。
此刻显示的地址减去邮政编码。这是我的代码:
<script>
function initialize () {
var inputs = document.getElementsByClassName('query');
var options = {
types: ['address'],
componentRestrictions: {country: 'uk'}
};
var autocompletes = [];
for (var i = 0; i < inputs.length; i++) {
var autocomplete = new google.maps.places.Autocomplete(inputs[i], options);
autocomplete.inputId = inputs[i].id;
autocomplete.addListener('place_changed', fillIn);
autocompletes.push(autocomplete);
}
},
function fillIn() {
console.log(this.inputId);
var place = this.getPlace();
console.log(place. address_components[0].long_name);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key={{ $my_key }}&libraries=places&callback=initialize"></script>