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
	}
)
相关推荐
郑州光合科技余经理4 小时前
代驾系统架构拆解:订单链路、权限组织与私有化源码交付
开发语言·后端·算法·架构·系统架构·uni-app·php
2501_9159214320 小时前
详细解析,iOS 应用上架 App Store 的完整流程与指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9159184121 小时前
Xcode调试iOS应用内存管理与优化,识别泄漏与性能监控指南
android·ios·小程序·uni-app·cocoa·iphone·xcode
波罗丁牌2 天前
uni-app 实现视频聊天、屏幕分享,支持Android、HarmonyOS、iOS
android·uni-app·音视频
前端l2 天前
uni‑app(Vue3+setup)开发微信小程序高频坑汇总
微信·uni-app
pan3035074792 天前
uniapp 不用发版也可以做到版本更新
uni-app
00后程序员张2 天前
使用Instruments工具深入分析iOS应用性能与启动时间优化
android·macos·ios·小程序·uni-app·cocoa·iphone
古韵2 天前
小程序上传进度条,还要自己监听 onProgressUpdate 吗?
前端·javascript·uni-app
不如摸鱼去3 天前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·ui·微信小程序·前端框架·uni-app
anyup3 天前
uni-app 没有根组件?仅需几行代码实现全局 Toast 和 Modal
前端·架构·uni-app