微信小程序中怎么實(shí)現(xiàn)位置授權(quán)處理

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序中怎么實(shí)現(xiàn)位置授權(quán)處理，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

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

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

在 page頁面中使用，需要有幾個(gè)注意的地方，初次使用的時(shí)候，去申請(qǐng)權(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)限。 如下：我有一個(gè)Input去觸發(fā)選擇地圖事件。

<input bindfocus="openMap" value='{{address}}' placeholder="點(diǎn)擊選擇詳細(xì)地址"></input>

事件處理

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

關(guān)于微信小程序中怎么實(shí)現(xiàn)位置授權(quán)處理就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。