小程序获取用户当前位置

  1. 申请开发者密钥
    https://lbs.qq.com/console/key.html
  2. 下载微信小程序JavaScriptSDK
  3. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
  4. 实例
import QQMapWX from '../utils/qqmap-wx-jssdk.min.js'; //引入SDK核心类

/**
   *获取用户当前地理位置
   */
  getUserLocation() {
    var qqmapsdk;  
    var me = this;
    wx.getSetting({    //判断是否授权
      success(res) {
        wx.getLocation({  
          type: 'wgs84', 			//返回可以用于wx.openLocation的经纬度
          success(res) {
            console.log('已授权')
            qqmapsdk = new QQMapWX({
              key: "HZBBZ-TEXC2-6PXUG-CI34Z-QUZVE-3TF7R", //自己申请的key
            })
            qqmapsdk.reverseGeocoder({
              location: {
                latitude: res.latitude,
                longitude: res.longitude
              },
              success(addressRes) {
                me.city = addressRes.result.address_component.city;//举例获取城市,获取其他的可以参照下文图片
                me.$apply();
              },
              fail(res) {
                console.log(res)
              }
            })
          },
          fail(res) {
            console.log('未授权')
            console.log(res)
          }
        })
      }
    })
  }

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值