微信小程序中怎么實現位置授權處理

這篇文章將為大家詳細講解有關微信小程序中怎么實現位置授權處理，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

具體做法如下。 在 aap.json中加入授權配置

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

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

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

  },
 })
 },

然后在調用地圖地位。或者獲取用戶權限的函數去判斷是否有定位權限，如果沒有那么引導用戶開啟權限。 如下：我有一個Input去觸發選擇地圖事件。

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

事件處理

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

關于微信小程序中怎么實現位置授權處理就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。