uniapp使用getFuzzyLocation并解析经纬度

不常用到,所以记录下怕忘记。

使用getFuzzyLocation需在微信后台开发管理中提前开通相应的位置服务,并且需要配置服务器域名https://apis.map.qq.com,否则无法正常使用。

1.qqmap-wx-jssdk.js下载

        微信小程序JavaScript SDK | 腾讯位置服务

        

2.页面内引入

<script>
    var QQMapWX = require("@/static/lib/util/qqmap-wx-jssdk.js");
    var qqmapsdk;
</script>

3.腾讯位置服务后台申请key,申请成功后即可使用

    export default {
        onLoad() {
            wx.authorize({
			    scope: 'scope.userFuzzyLocation',
			    success(res) {
			        if(res.errMsg == 'authorize:ok'){
			            wx.getFuzzyLocation({
			                type: 'wgs84',
			                success(res) {
								qqmapsdk = new QQMapWX({
									key: "******", 
								});
								qqmapsdk.reverseGeocoder({
									location: {
										latitude: res.latitude,
										longitude: res.longitude,
									},
									success: (addressRes) => {
										console.log(addressRes);
									},
									fail: res => {
										wx.showToast({
											title: '获取定位失败,请先开启手机定位!',
											icon: "none",
											duration: 2000,
										})
									}
								});
			                }
			            })
			        }
			    },
			    fail(err) {
			        console.log(err)   
			    }                    
			})
        }
    }

4.manifest.json需添加以下内容,否则无法使用。

"permission": {
    "scope.userFuzzyLocation": {
        "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
},
"requiredPrivateInfos": ["getFuzzyLocation"]

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值