如何从StandaloneSearchBox组件获取经纬度Lat和Lng值
react-google-maps StandaloneSearchBox location字段取数值方法
你拿到的geometry.location是Google Maps JavaScript API原生的LatLng类实例,lat、lng本身是官方定义的取值方法,直接调用即可获取原始经纬度数值:
const lat = place.geometry.location.lat(); // 纬度数值 const lng = place.geometry.location.lng(); // 经度数值
如果需要获取和viewport字段格式类似的对象结构,可以调用LatLng实例的toJSON()方法:
const locationObj = place.geometry.location.toJSON(); // 输出格式和viewport内的Bb、Ra字段一致,示例:{g: 41.40361, h: 2.174396}
注意:不要直接访问实例内部
g、h这类单字母属性,这些是Google API编译压缩后的内部字段,版本迭代时命名可能发生变化,使用官方提供的方法取值兼容性更强。
内容的提问来源于stack exchange,提问作者dan_boy
相关产品推荐
相关产品推荐

