快捷導(dǎo)航

微信小程序位置授權(quán)處理方法

更新時間：2019年06月13日 11:07:34 投稿：daisy

這篇文章主要給大家介紹了關(guān)于微信小程序位置授權(quán)處理的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

這兩天在做小程序調(diào)取地圖的時候遇到一個問題，如果用戶第一次拒絕了位置權(quán)限請求。那么就不會再次喚起授權(quán)彈出。需要我們引導(dǎo)用戶去開啟。

具體做法如下。在 aap.json中加入授權(quán)配置

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

在 page頁面中使用，需要有幾個注意的地方，初次使用的時候，去申請權(quán)限。這里我是放在onShow 方法里面。

 onShow: function () {
 //初始獲取定位權(quán)限
 wx.authorize({
  scope: 'scope.userLocation',
  success: (res) => {

  },
 })
 },

然后在調(diào)用地圖地位。或者獲取用戶權(quán)限的函數(shù)去判斷是否有定位權(quán)限，如果沒有那么引導(dǎo)用戶開啟權(quán)限。如下：我有一個Input去觸發(fā)選擇地圖事件。

<input bindfocus="openMap" value='{{address}}' placeholder="點擊選擇詳細地址"></input>

事件處理

 openMap:function(e){
 var that = this
 wx.getSetting({
  success(res){
  //這里判斷是否有地位權(quán)限
   if (!res.authSetting['scope.userLocation']) {
   wx.showModal({
    title: '提示',
    content: '請求獲取位置權(quán)限',
    success:function(res){
    if(res.confirm==false){
     return false;
    }
    wx.openSetting({
     success(res) {
     //如果再次拒絕則返回頁面并提示
     if (!res.authSetting['scope.userLocation']) {
      wx.showToast({
      title: '此功能需獲取位置信息，請重新設(shè)置',
      duration: 3000,
      icon: 'none'
      })
     } else {
      //允許授權(quán)，調(diào)用地圖
      that.chooseMap()
     }
     }
    })
    }
   }) 
   } else {
   //如果有定位權(quán)限，調(diào)用地圖
   that.chooseMap()
   }

  }

 })
 },

 chooseMap(){
 var that = this
 wx.chooseLocation({
  success: function (res) {
  that.setData({
   address: res.address,
   latitude: res.latitude,
   longitude: res.longitude
  })
  },
  fail: function (res) {
  console.log(res)
  }
 })
 },

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，謝謝大家對腳本之家的支持。

您可能感興趣的文章: