uniapp获取定位

Uniapp 是一种跨平台应用开发框架,它能够快速地构建出针对不同平台的应用程序。在Uniapp中,实现定位功能也变得十分简单,只需要简单的配置就能轻松实现。

一、高德地图根据指定位置获取经纬度

参考地址:地理/逆地理编码-基础 API 文档-开发指南-Web服务 API | 高德地图API

复制代码
// 获取经纬度
		uni.request({
			 url: 'https://restapi.amap.com/v3/geocode/geo?parameters', 
			method:'GET',
			 data: {
				key:'您的Key',
				address:'您想要的地址'
			 },
			success: (res) => {
				console.log('高德res',res.data.geocodes)
				let jd = res.data.geocodes[0].location.split(',')[0]
				let wd = res.data.geocodes[0].location.split(',')[1]
				console.log(jd,wd);
		 },
		 })

二、百度地图根据经纬度获取当前位置

参考地址:全球逆地理编码 rgc 反geo检索 | 百度地图API SDK

复制代码
// 获取当前位置的定位位置
		let that = this
		uni.getLocation({
			type: 'wgs84',
			success: function (res) {
                //经纬度获取
				const latitude = res.latitude;
				const longitude = res.longitude;
				uni.request({
					url:'https://api.map.baidu.com/reverse_geocoding/v3/',
					data:{
						ak:'您的key',
						output:'json',
						coordtype:'wgs84ll',
						location: `${latitude},${longitude}`
					},
					success:function(data){
						let str=data.data.result.formatted_address
                            console.log(str);
					}
				})
			},
               //如果错误打印错误信息
			fail:function(err){
				console.log(err);
			}
相关推荐
tryCbest5 分钟前
Vue3——第 11 篇:组合式 API(上)——setup 与响应式 API 深度解析
前端·javascript·vue.js
tryCbest1 小时前
Vue3——第 13 篇:计算属性与侦听器——computed 与 watch 的进化
前端·javascript·vue.js
用户117953654781 小时前
企业团队编程软件怎么选:AI编程工具的协作与落地能力对比
javascript
believed_breadfruit1 小时前
我开源了一个HTML 分页导出工具,解决了复杂页面的内容截断、跨页错乱和长文档白屏问题
前端·javascript·github
拖孩2 小时前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
CCIE-Yasuo2 小时前
网络安全-Javascript基础
javascript·安全·web安全
云-缩影3 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
幻境如梦丶皆为虚4 小时前
从零写一个 DSH 插件:在左侧菜单栏加一个「测试」
开发语言·javascript·ecmascript
吹什么轩4 小时前
constexpr 完全指南:从 const 的两种含义,到编译期计算的四次演进
java·前端·javascript
雪芽蓝域zzs5 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm