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);
			}
相关推荐
米多科技17 分钟前
让 AI 走进我的 3D 世界:一个 MCP server 的完整实现
javascript
asong44 分钟前
从写代码到部署上线,Cloudflare 给 AI 配了一把新钥匙
前端·javascript·后端
lerhxx1 小时前
从 Markdown 到生成式 UI:AI 应用中的流式渲染实践
前端·javascript
可乐鸡翅yeah_2 小时前
新手梳理:HLS 线上问题,哪些该提给 CDN,哪些该找后端切片服务
开发语言·前端·javascript·vue.js·网络协议·http·m3u8在线
এ慕ོ冬℘゜3 小时前
es6基础
前端·javascript·es6
可乐鸡翅yeah_4 小时前
hls.js 缓冲区参数 maxBufferLength、maxBufferSize 通俗讲解与业务调参
开发语言·javascript·ios·音视频·safari·m3u8
paopaokaka_luck4 小时前
高校社团管理(AI辅助任务分配、协同过滤算法推荐、ECharts数据可视化、活动参与闭环、校园交流与反馈、器材借还管理)
java·前端·javascript·spring boot·数据分析·echarts
愚公搬代码4 小时前
【愚公系列】《微信小程序项目实战(AI编程+视频图解)》014-莫凡商城小程序项目视图容器组件的应用
微信小程序·小程序·ai编程
500844 小时前
React Native for OpenHarmony 实战:三方库 react-native-volume-control 的鸿蒙化适配指南
javascript·react native·react.js·electron·harmonyos
薛一半4 小时前
React-Redux三重优化实战揭秘
javascript·vue.js·react.js