uniapp获取用户当前位置信息

  1. 申请开发者密钥(key):申请密钥
    在这里插入图片描述

  2. 通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存(小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)
    在这里插入图片描述

  3. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2
    在这里插入图片描述

  4. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
    在这里插入图片描述

  5. 复制腾讯地图的key
    在这里插入图片描述

实例

// 引入SDK核心类
import QQMapWX from '@/common/js/qqmap-wx-jssdk.min.js'


// 获取经纬度
GetLocation(){
	uni.getLocation({
	    type: 'wgs84',
	    success: function (res) {
	        console.log('当前位置的经度:' + res.longitude);
	        console.log('当前位置的纬度:' + res.latitude);
	        
			GetNowCityInfo(res)  //获取城市信息
	    }
	});
},


// 获取当前城市信息
GetNowCityInfo(lag) {
	let qqmapsdk = new QQMapWX({
		key: 'xxxxxxxxxxxxxxxxxxx'  //腾讯地图 - 申请开发者密钥(key)
	});
	qqmapsdk.reverseGeocoder({
		location: {
			longitude: lag.longitude
			latitude: lag.latitude	
		},
		success(res) {
			conosle.log(‘当前位置信息’,res)
			if (res.status == 0 && res.message == "query ok") {
				let city = res.result.address_component.city;
			}
		}
	})
}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值