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);
			}
相关推荐
前端Hardy几秒前
7 个技巧助你写出优雅高效的 JavaScript 异步代码
前端·javascript·面试
晴殇i34 分钟前
CSS Grid 布局中添加分隔线的4种实用方法
前端·css·前端框架
走向终结的前端1 小时前
vue中再搞一下SSE的使用
前端·javascript
等一个晴天丶1 小时前
JS实现数组去重(重复的元素只保留一个)
javascript
用户405594802501 小时前
从防抖函数中得到的简单几点记录
javascript
独立开阀者_FwtCoder1 小时前
Nginx 部署负载均衡服务全解析
前端·javascript·后端
葬送的代码人生2 小时前
AI Coding→像素飞机大冒险:一个让你又爱又恨的小游戏
javascript·设计模式·ai编程
coding丨2 小时前
自制微信小程序popover菜单,气泡悬浮弹窗
前端·javascript·vue.js
1024小神3 小时前
tauri项目添加多文件下载功能,并支持下载进度回调显示在前端页面上
前端·javascript
呆呆的心3 小时前
深入剖析 JavaScript 数据类型与 Symbol 类型的独特魅力😃
前端·javascript·面试