uniapp逆地理编码

最新推荐文章于 2025-02-06 12:02:14 发布

原创最新推荐文章于 2025-02-06 12:02:14 发布 · 置顶 · 1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript

这段代码展示了如何利用高德地图的API进行经纬度到详细地址的转换。通过指定的经纬度`location`，它发起一个GET请求到高德的反地理编码接口，并在成功回调中解析出地址的各个组成部分，如城市、区县和街道号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let location = `${dataS.lat},${dataS.lon}`//金纬度

getLocation(location) {
				let _this = this;
				const key = '6ed14668ba400973a' //web高德key
				let reqUrl = `https://restapi.amap.com/v3/geocode/regeo?key=${key}&location=${location}`
				return new Promise((resolve, reject) => {
					uni.request({
						method: "GET",
						url: reqUrl,
						success: (res) => {
							const address = res.data.regeocode.addressComponent
							this.address = `${address.city}${address.district}${address.streetNumber.street}`
							// console.log(address);
						}
					})
				})

			},

关注博主即可阅读全文