小程序获取用户位置

1.访问https://lbs.qq.com/qqmap_wx_jssdk/index.html,按他的步骤完成准备工作(腾讯位置服务)
  1. 申请开发者密钥(key):申请密钥

  2. 开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存

    (小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限)

  3. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2

  4. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com

2.在小程序app.json中添加权限
"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于获取收货地址"
    }
  },
3.在页面引用腾讯位置服务获取位置
const QQMapWX = require('../../../utils/qqmap-wx-jssdk.js'); //第一步中下载的JavaScriptSDK
const qqmapsdk= new QQMapWX({
    key: '第一步中的Key密钥值'
});
Page({
	getLocation(){
	//获取用户经纬度
		wx.getLocation({
            type: 'wgs84',	//开发环境下用'gcj02'
            success: res=> {
                const latitude = res.latitude;
                const longitude = res.longitude;
                qqmapsdk.reverseGeocoder({
                //根据经纬度获取详细信息
                    location: {
                        latitude: latitude,
                        longitude: longitude
                    },
                    success: function (res) {
                    	//获取到定位的处理
                        console.log(res.result);
                        })
                    },
                    fail: function (res) {
                    	//获取定位失败的处理
                        console.log(res);
                    },
                })
            },
            fail: ()=> {
                //用户拒绝授权的处理
            }
        })
})
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值