如何从谷歌自动完成服务中获得全球国家、州和城市名称

Question

在我的html" target="_blank">前端（反应）需求之一，我需要获得全球国家名称，国家名称，城市名称，位置标识，纬度和经度，一旦一个地方从自动完成建议中被选中。我能够从响应的几何键中获得城市名称（从名称键）、地点ID、纬度和经度。我使用这个谷歌脚本使用的地方api服务=

 {"address_components":[{"long_name":"Bengaluru","short_name":"Bengaluru","types": 

[“地区”、“政治”]，{“长名”：“班加罗尔市区”、“短名”：“班加罗尔市区”、“类型”：[“行政区”二级”、“政治”]，{“长名”：“卡纳塔克邦”、“短名”：“卡”、“类型”：[“行政区”一级、“政治”]，{“长名”：“印度”、“短名”：“IN”、“类型”：[“国家”、“政治”]，“adr_地址”：“印度卡纳塔克邦班加鲁”，“格式化_地址”：“印度卡纳塔克邦班加鲁”，“几何体”：{“位置”：{“lat”：12.9715987，“lng”：77.5945627}，“视口”：{“南”：12.7342888，“西”：77.3791981，“北”：13.173706，“东”：77.8826809}，“图标”：https://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png“，“id:”0862832923832bfb1e46cbe843cdaa03a9ee8aa1“，”姓名：“，”班加罗尔“，”照片：“[{”高度：”：405，“html_属性”：[”https://maps.google.com/maps/contrib/113170619945048632846\"

=============================================================

I need guidance on how should I get Country name, State name, City name globally

Answer 1

我在谷歌上搜索了一些解决方案，最终找到了自己的解决方案，这对我来说很有效。它是解决方案代码的主要部分：

compIsType(t, s) { 
    for(let z = 0; z < t.length; ++z) 
       if(t[z] == s)
      return true;

    return false;
}

  handlePlaceChanged(){      
const place = this.autocomplete.getPlace();
//console.log(" from google auto complete place===>",place);
let lat, lng, addrSel, placeName, placeId =''; 
let country, state, city =null;  
if(place.geometry!==undefined ){
  const plcGeom = place.geometry;
  if(plcGeom.location!==undefined){
    lat = plcGeom.location ? plcGeom.location.lat():'';
    lng = plcGeom.location ? plcGeom.location.lng():'';
  }      
}   

addrSel  = place.formatted_address!==undefined?place.formatted_address:"";
placeName  = place.name!==undefined?place.name:"";
placeId = place.place_id!==undefined?place.place_id:"";

if(place.address_components!==undefined){
  let addrComp = place.address_components;
  for(let i = 0; i < addrComp.length; ++i)
  {
    var typ = addrComp[i].types;
    if(this.compIsType(typ, 'administrative_area_level_1'))
        state = addrComp[i].long_name; //store the state
    else if(this.compIsType(typ, 'locality'))
        city = addrComp[i].long_name; //store the city
    else if(this.compIsType(typ, 'country'))
      country = addrComp[i].long_name; //store the country        

    //we can break early if we find all three data
    if(state != null && city != null && country != null) break;
  }
  
  


}

let nameData = "";
  if(this.props.showKey!==undefined ){

    
    if(this.props.showKey=="CITY"){
      nameData = city;
    }
    else if(this.props.showKey=="STATE"){
      nameData = state;
    }
    else if(this.props.showKey=="COUNTRY"){
      nameData = country;
    }
     else if(this.props.showKey=="PLACE_NAME"){
      nameData = country;
    }
    else if(this.props.showKey=="FORMATTED_ADDRESS"){
      nameData = addrSel;
    }
     else if(this.props.showKey=="PLACE_ID"){
      nameData = placeId;
    }
    else{
      nameData = addrSel;
    }
   
  }else{
    
    nameData = addrSel;
  }

  

  if(this.props.removeTextFlag!==undefined && this.props.removeTextFlag=="YES" ){
    nameData = "";
  }

let stateResp = {
  'lat':lat,
  'lng': lng,
  'formattedAddress':addrSel, 
  'placeName': placeName,
  'placeId': placeId,
  'city':city,
  'state':state,
  'country':country,
  'textboxtext':nameData
};
this.setState(stateResp,()=>{
 this.props.selectedGoogleDataInfo!==undefined && this.props.selectedGoogleDataInfo(stateResp);    
});
//console.log(place);
//console.log("==lat==>", lat," ==lng===>",lng, "==addrSel==>",addrSel);
//this.props.onPlaceLoaded(place);
   }