Google maps 如何从google maps places api对象获取纬度和经度？

如何从google maps places api中的地址数据中获取lat和lon坐标

模板

      <vuetify-google-autocomplete
        outline
        id="address"
        types="geocode"
        append-icon="map"
        placeholder="WHERE"
        label="postcode or city"
        v-model="location"
        v-on:placechanged="getAddressData"
      >
      </vuetify-google-autocomplete>

我在控制台中得到一个addressData对象，如下所示：

{...}
administrative_area_level_1: (...)
country: (...)
latitude: 39.1910983
locality: (...)
longitude: (...)
name: (...)
photos: (...)
place_id: (...)
postal_code: (...)

---

console.log（addressData.latitude）获取一个“无法读取属性'latitude'null”

我假设您正在使用。如果未从自动完成建议列表中选择位置，则会得到空值

尝试在

getAddressData

函数中添加以下代码：

getAddressData: function(addressData, placeResultData, id) {
  this.address = addressData;
  if (addressData !== null) {
    console.log("lat: " + addressData.latitude);
    console.log("lng: " + addressData.longitude);
  }
}

然后按照以下步骤操作：

在文本字段中键入“california”

从地点预测列表中选择第一个选项“加利福尼亚，美国”

然后打开控制台，您将看到以下输出：

拉丁美洲：36.778261
液化天然气：-119.4179323999998

---

希望这有帮助

我假设您正在使用。如果未从自动完成建议列表中选择位置，则会得到空值

尝试在

getAddressData

函数中添加以下代码：

getAddressData: function(addressData, placeResultData, id) {
  this.address = addressData;
  if (addressData !== null) {
    console.log("lat: " + addressData.latitude);
    console.log("lng: " + addressData.longitude);
  }
}

然后按照以下步骤操作：

在文本字段中键入“california”

从地点预测列表中选择第一个选项“加利福尼亚，美国”

然后打开控制台，您将看到以下输出：

拉丁美洲：36.778261
液化天然气：-119.4179323999998

---

希望这有帮助

您从哪里获得的

addressData

，它是来自RESTAPI还是其他来源？也许，您调用的获取

addressData

的方法是promise，您必须先等待它被解析。您从哪里获得

addressData

，它是来自RESTAPI还是其他来源？也许，您调用的获取

addressData

的方法是promise，您必须先等待它被解析。