如何使用API使谷歌地址自动填充，用数字和街道替换完整的地址？

Question

我正在使用google API自动填充地址表单。现在我找到了填写完整地址的代码，它自动填充图片链接#1中的所有字段，如图所示。我已经隐藏了街道编号和路线字段，因为它们不需要。

我想要的是，在我选择地址后，我希望我输入的地址栏不在字段栏中显示城市、州和国家。我希望自动填充看起来像图片链接#2中显示的那样，其中地址字段仅用数字和街道替换完整地址，不包括城市、州和国家。在输入时，我选择了图片链接#3中显示的地址，它会自动填充图片链接#2中显示的内容。

有人知道如何用数字&点击地址后的街道？我在这里使用了这个链接中的html和jscript：https://github.com/solodev/address-auto-complete

图片链接#1：https://i.stack.imgur.com/EcmCH.jpg

图片链接#2：https://i.stack.imgur.com/odNTT.jpg

图片链接#3：https://i.stack.imgur.com/weHIf.jpg

Answer 1

尝试按如下方式修改fillInAddress：

function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
for (var component in componentForm) {
document.getElementById(component).value = '';
document.getElementById(component).disabled = false;
}
// Get each component of the address from the place details
// and fill the corresponding field on the form.
var streetAddress = '';
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
if (addressType === 'street_number') {
streetAddress += place.address_components[i][componentForm[addressType]];
} else if (addressType === 'route') {
if (streetAddress.length) {
streetAddress += ' ';
}
streetAddress += place.address_components[i][componentForm[addressType]];
}
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
document.getElementById('autocomplete').value = streetAddress;
}
}
}

基于演示的jsfiddle工作。

希望这能有所帮助！