基于百度地图api获取某一点的详细信息 逆向解析地址 - 后续

2023-02-27 14:17:15 浏览数 (1)

基于百度地图api获取某一点的详细信息 逆向解析地址 - 后续

经过今天的不断努力终于获取到了地图位置坐标的逆向解析地址!

直接把下面这个链接赋值到浏览器就可以得到返回值

https://api.map.baidu.com/reverse_geocoding/v3/?ak=GXn1gkhgbbWet55NCyKzjB7Hqfdh3gos&output=json&coordtype=wgs84ll&location=31.225696563611,121.49884033194

GET请求

获取的值如下:

代码语言:javascript复制
{
	"status": 0,
	"result": {
		"location": {
			"lng": 121.50989077799084,
			"lat": 31.22932842411674
		},
		"formatted_address": "上海市黄浦区中山南路187",
		"business": "外滩,陆家嘴,董家渡",
		"addressComponent": {
			"country": "中国",
			"country_code": 0,
			"country_code_iso": "CHN",
			"country_code_iso2": "CN",
			"province": "上海市",
			"city": "上海市",
			"city_level": 2,
			"district": "黄浦区",
			"town": "",
			"town_code": "",
			"adcode": "310101",
			"street": "中山南路",
			"street_number": "187",
			"direction": "东北",
			"distance": "91"
		},
		"pois": [],
		"roads": [],
		"poiRegions": [],
		"sematic_description": "",
		"cityCode": 289
	}
}

官网文档如下:

https://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding-abroad

详细解说

1 注册百度地图开发者,拥有自己的ak;

2 参考上面的文档自己写个接口,发送GET请求,axios、fetch、ajax都可以,将得到的返回值显示在自己的想要显示的位置即可。

注:本人在使用react dva 的 fetch请求这个地址,需要使用代理才能解决,不知道啥原因,所以也在这里记录一下。

代码语言:javascript复制
/**
 * 在生产环境 代理是无法生效的,所以这里没有生产环境的配置
 */
 export default {
  dev: {  
    '/baiduMap': {
      target: 'https://api.map.baidu.com/reverse_geocoding/v3/?ak=',
      changeOrigin: true,
      pathRewrite: { '^/baiduMap': '' },
    },
  },
};

0 人点赞