腾讯地图经纬度解析出地址

最新推荐文章于 2024-05-23 21:05:35 发布

张小帅~

最新推荐文章于 2024-05-23 21:05:35 发布

阅读量2.2k

点赞数

文章标签： vue.js 小程序微信小程序

本文链接：https://blog.csdn.net/xiao_shuai_shua/article/details/122078834

版权

先封装好，在到页面中引用，到腾讯地图的开发者里面可以配置，能拿到key的值

//腾讯地图接口，逆解析地址
export default function(longitude, latitude) {
	return new Promise((resolve, reject) => {
        //小程序请求封装，可以自己改动
		wx.request({
			url: 'https://apis.map.qq.com/ws/geocoder/v1/?location=' + latitude + ',' + longitude +'&key=腾讯地图里面有key的值',
			method: 'GET',
			success: (res) => {
				if (res.statusCode === 200) {
					resolve(res.data)
				}
			}
		})

	})
}

在代码中引用进来

// 导入进来
import txGetAddress from 'api/map.js' //逆解析地址

getLocation() {
        //获取地址授权，拿到经纬度
		wx.getLocation({
		    type: 'wgs84',
		    altitude: true,
		    success: (res) => {
		        //逆解析地址，拿到最终地址
		        txGetAddress(res.longitude, res.latitude).then(res => {
                    //城市地址
		            this.city = res.result.address_component.city
		        })
		    }
		})
},

希望可以帮助到大家