uniapp的逆地理编码 和地理编码

1.先打开高德地图api找到那个 地理编码

2.封装好我们的请求

3.逆地理编码 和地理编码 都是固定的 记住自己封装的请求 就可以了 这个 是固定的 方式


下面这个是固定的 可以复制过去

getlocation就是uniapp提供的 获取经纬度

然后 下面的 就是高德地图提供的 方法 要想使用我们的 请求地址 然后 发过去 就好了 记住 这个 axios就是 我们上面那个 request的 封装的 方式

js 复制代码
import {
	axios
} from './request.js'
const key = 'e7c0ac82423c32f586c191246b1fa6ec'

// 定位的api
export const getLocation = () => {
	return new Promise((resolve, reject) => {
		uni.getLocation({
			altitude: true,
			success(res) {
				const {
					longitude,
					latitude
				} = res
				const point = longitude + ',' + latitude
				resolve(point)
			},
			fail(err) {
				reject(err)
			}
		})
	})
}

// 逆地理编码: 经纬度 ---》 地址
export const regeoApi = (location) => axios('http://restapi.amap.com/v3/geocode/regeo', 'GET', {
	location,
	key
})

// 地理编码
export const geoApi = (address) => axios(
	'http://restapi.amap.com/v3/geocode/geo',
	'GET', {
		address,
		key
	}
)
相关推荐
Mr -老鬼4 小时前
移动端跨平台适配技术框架:从发展到展望
android·ios·小程序·uni-app
一颗小青松7 小时前
uniapp app端显示天气详情
uni-app
Swift社区21 小时前
H5 与 ArkTS 通信的完整设计模型
uni-app·harmonyos
小溪彼岸1 天前
uni-app小白从0开发一款鸿蒙Next应用到上线
uni-app·harmonyos
一颗小青松1 天前
uniapp app端使用uniCloud的unipush
uni-app
cngm1101 天前
uniapp+springboot后端跨域以及webview中cookie调试
spring boot·后端·uni-app
iOS阿玮2 天前
“死了么”App荣登付费榜第一名!
uni-app·app·apple
wendycwb2 天前
uni-app 在真机中canvas绘制的元素悬浮,内容不随父组件滚动问题
uni-app
frontend_frank2 天前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习2 天前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr