javascript - 谷歌地图自动填充完整地址

Question

我有一个在输入字段中使用谷歌地图自动完成的网络应用程序，例如示例页面：

• https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

但是，他们使用自动完成功能来划分信息并填写表格：

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.
  for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    if (componentForm[addressType]) {
      var val = place.address_components[i][componentForm[addressType]];
      document.getElementById(addressType).value = val;
    }
  }
}

这不是我要找的。我需要的是一个简单的 javascript 变量，其中包含该输入字段的内容。之类的东西var completeAddress = autocomplete.getFullAddress()，但这不存在，而且我看不到没有复杂循环和数组的方法。

如何获取用户选择的文本？

Answer 1

你想要formatted_address

function fillInAddress() {
  // Get the place details from the autocomplete object.
  var place = autocomplete.getPlace();
  document.getElementById('fulladdress').value = place.formatted_address;
}

Answer 2

您也可以这样做，因为 formatted_address 在某些情况下不会给出完整地址。

completeAddress = document.getElementById('autocomplete').value;

其中“自动完成”是用于搜索地点的输入字段的 ID