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
	}
)
相关推荐
2501_9160074716 小时前
Flutter与游戏App加固避坑指南:如何为混合开发与高交互应用选对安全方案?
安全·flutter·游戏·ios·小程序·uni-app·iphone
PedroQue9917 小时前
@meng-xi/create-uni-app v1.0.0 正式发布
前端·uni-app
肥仔哥哥193017 小时前
uniapp开发App一键登录:从技术选型到前后端落地实战--2秒登录,流失率减半:在uniapp里接入一键登录的全过程
uni-app·一键登录设计选型
JackieDYH19 小时前
uniapp-幸运抽奖转盘组件-案例
uni-app
ModyQyW1 天前
vite-plugin-uni-manifest 更新了什么
前端·typescript·uni-app
PedroQue992 天前
v2.7.1:修复 H5 端返回死循环闪烁问题
前端·uni-app
lhldsg2 天前
AI零售系统实战指南:从架构设计到落地部署全解析
java·人工智能·小程序·uni-app·零售
RisunJan3 天前
uni-app 面试知识点梳理
面试·职场和发展·uni-app
郑州光合科技余经理3 天前
本地生活服务系统:模块边界与结算字段怎么拆
java·开发语言·前端·后端·系统架构·uni-app·php
lhldsg4 天前
家校托管互通系统开发实战:从需求分析到部署全指南
小程序·uni-app·需求分析