wx.getLocation 获取当前位置

微信小程序获取当前地理位置使用

wx.getLocation 方法,但是需要注意的使用这个别忘记申请权限

需要在app.json 中添加 permission ,如下

 "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "sitemapLocation": "sitemap.json"

 使用:

<view bindtap='getCurrentLocal'>获取当前位置</view>

获取用户地理位置,需要用到以下三个api方法:

wx.getSetting() : 获取用户的授权列表信息

wx.openSetting():调起客户端小程序设置界面

wx.getLocation():获取用户当前位置

当用户点击“获取当前位置”时,我们调用 wx.getSetting() 方法来获取用户授权相关信息,判断 wx.getSetting() 方法返回的结果中是否包含地理位置的授权信息。

// 获取当前地理位置 授权验证
  getCurrentLocal(){
    let that = this;
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userLocation'] == false){// 如果已拒绝授权,则打开设置页面
          wx.openSetting({
            success(res) {}
          })
        }  else { // 第一次授权,或者已授权,直接调用相关api
          that.getMyLocation()
        }
      }
    })
  },
  // 获取当前地理位置
  getMyLocation(){
    let that = this
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        console.log(res)
      }
    })
  },

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值