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
	}
)
相关推荐
叱咤少帅(少帅)1 天前
Uniapp开发pc端,小程序和APK
小程序·uni-app
2501_915918412 天前
iOS性能测试工具 Instruments、Keymob的使用方法 不局限 FPS
android·ios·小程序·https·uni-app·iphone·webview
2501_915918412 天前
iOS 混淆流程 提升 IPA 分析难度 实现 IPA 深度加固
android·ios·小程序·https·uni-app·iphone·webview
前端 贾公子2 天前
解决uni-app 输入框,键盘弹起时页面整体上移问题
前端·vue.js·uni-app
Muchen灬2 天前
【uniapp】(5) 创建gitee仓库并推送源码
gitee·uni-app
Muchen灬2 天前
【uniapp】(6) uniapp中使用vuex
uni-app
2501_915909062 天前
React Native 上架 App Store:项目运行与审核构建的流程
android·ios·小程序·https·uni-app·iphone·webview
李庆政3702 天前
uniapp+unicloud打包部署微信小程序
微信小程序·小程序·uni-app
2501_915909062 天前
苹果 Safari 浏览器抓包 页面刷新后的请求分析
android·前端·ios·小程序·uni-app·iphone·safari