uniapp-结合高德api获取用户所在位置

1、首先需要申请位置服务 在manifest.json文件中

请添加图片描述

2、获取经纬度

  • 通过uni.getLocation获取经纬度
    uni.getLocation({
    	type: 'wgs84',
    	success: function(res) {
    		console.log('当前位置的经度:' + res.longitude);
    		console.log('当前位置的纬度:' + res.latitude);
    	}
    });
    
  • 小程序经纬度获取bug解决
    // 在manifest.json文件中,源码视图中填写以下内容
    "requiredPrivateInfos":[
    	"getLocation"
    ]
    
    请添加图片描述

3、通过高德地图api,获取用户所在地址 (高德api官网:https://lbs.amap.com/)

1.获取key
  • 1.登录/注册账号 -> 点击右上角“控制台”

  • 2.应用管理 -> 我的应用 -> 创建新应用
    请添加图片描述

  • 3.添加key请添加图片描述

  • 4.获取key成功
    请添加图片描述

2.获取城市数据
  • 开发支持 -> 选择“Web服务 API” -> 选择相关的api发送请求
	onLoad() {
		// 获取经纬度
		uni.getLocation({
			type: 'wgs84',
			success: function(res) {
				console.log('当前位置的经度:' + res.longitude);
				console.log('当前位置的纬度:' + res.latitude);
				// 高德地图-地图相关api
				uni.request({
					url:'https://restapi.amap.com/v3/geocode/regeo',
					data:{
						key:'key值', // 你申请的key值
						location:res.longitude+','+res.latitude
					},
					success(obj) {
						console.log(obj.data.regeocode,'获取的城市数据');
					}
				})
			}
		});
	},
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值