Google Reverse Geocode API - 不返回一致的数据

Question

我正在使用React Native JS开发一个应用程序，我正在使用Googles反向地理编码API来查找用户的城市，州，县，国家和邮政编码（必须包括县，州和国家/地区）。我的问题是我无法找到一种一致的方法来收集数据，因为Google每次都会根据位置返回一个不同顺序的JSON文件。

我现在的代码是：

fetch(`https://maps.googleapis.com/maps/api/geocode/json?${qs}`).then((res) => res.json()).then((json) => {
             //success!
   var city=false,state=false,county=false,country=false,zip=false;
   for (var i = 0; i < json.results.length; i++) {
     if ((!city || !state) && json.results[i].types[0] === "locality") {
       city = json.results[i].address_components[0].short_name,
       state = json.results[i].address_components[2].short_name;
     } else if (!county && json.results[i].types[0] === "administrative_area_level_2") {
       county = json.results[i].address_components[0].short_name;
     } else if (!state && json.results[i].types[0] === "administrative_area_level_1") {
       state = json.results[i].address_components[0].short_name;
     } else if (!county && json.results[i].types[0] === "county") {
       county = json.results[i].address_components[0].short_name;
     } else if (!country && json.results[i].types[0] === "country") {
       country = json.results[i].address_components[0].short_name;
     }

  }

$ {qs}是URL末尾的latlng和key。 我试图通过结果并选择不同的类型，但这仍然不起作用。我也想让这个在整个北美地区工作。 非常感谢所有反馈！谢谢！

Answer 1

好吧，我最终无法弄明白。我最终切换到https://locationiq.org/ API，它完全符合我的要求。

Answer 2

你可以这样做：

 _geoCodeCallback = (results, status, event) => {
    const google = window.google; // eslint-disable-line
   if (status === google.maps.GeocoderStatus.OK) {
    if (results[0]) {
      const add = results[0].formatted_address;
      const value = add.split(",");
      const count = value.length;
      const city = value[count - 3];
      // here we can dispatch action to search by city name and autofill the autocomplete
    } else {
      console.log("address not found");
    }
    } else {
      console.log(status);
    }
  }

  _geocodeAddress = (geocoder, latlng) => {
    geocoder.geocode({ location: latlng }, this._geoCodeCallback);
  }

    if (navigator.geolocation) {
     this._displayLocation = (latitude, longitude) => {
      const geocoder = new google.maps.Geocoder();
      const latlng = new google.maps.LatLng(latitude, longitude);
      this._geocodeAddress(geocoder, latlng);
    };

对于使用谷歌反向地理编码反应的整个实现获取城市和其他细节参考

https://medium.com/@eesh.t/auto-detect-location-react-component-using-google-geocoding-and-reverse-geocoding-in-autocomplete-66a269c59315