成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

小程序位置授權處理

learn_shifeng / 2017人閱讀

摘要:在中加入授權配置你的位置信息將用于小程序位置接口的效果展示在頁面中使用,需要有幾個注意的地方,初次使用的時候,去申請權限。

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

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

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

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

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

然后在調(diào)用地圖地位?;蛘攉@取用戶權限的函數(shù)去判斷是否有定位權限,如果沒有那么引導用戶開啟權限。
如下:我有一個Input去觸發(fā)選擇地圖事件。

事件處理

 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 {
                      //允許授權,調(diào)用地圖
                      that.chooseMap()
                    }
                  }
                })
              }
            }) 
          } else {
          //如果有定位權限,調(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)
      }
    })
  },

原文地址

文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://m.hztianpu.com/yun/104597.html

相關文章

  • 微信小程序 + 騰訊地圖SDK 實現(xiàn)路線規(guī)劃

    摘要:業(yè)內(nèi)開發(fā)框架層出不窮,,,等等,都在朝著更快,更強大的方向發(fā)展,有統(tǒng)一微信支付寶百度和頭條小程序的大趨勢。最近升級為版本,支持微信支付寶百度和頭條小程序。 原文鏈接 最近小程序的發(fā)展越來越火了,作為各個產(chǎn)品線的extra服務入口,以輕便、快速、強大的社交鏈吸引著大量的用戶和開發(fā)者。業(yè)內(nèi)開發(fā)框架層出不窮,wepy,mpvue,taro等等,都在朝著更快,更強大的方向發(fā)展,有統(tǒng)一 H5、微...

    keithyau 評論0 收藏0
  • 微信小程序 + 騰訊地圖SDK 實現(xiàn)路線規(guī)劃

    摘要:業(yè)內(nèi)開發(fā)框架層出不窮,,,等等,都在朝著更快,更強大的方向發(fā)展,有統(tǒng)一微信支付寶百度和頭條小程序的大趨勢。最近升級為版本,支持微信支付寶百度和頭條小程序。 原文鏈接 最近小程序的發(fā)展越來越火了,作為各個產(chǎn)品線的extra服務入口,以輕便、快速、強大的社交鏈吸引著大量的用戶和開發(fā)者。業(yè)內(nèi)開發(fā)框架層出不窮,wepy,mpvue,taro等等,都在朝著更快,更強大的方向發(fā)展,有統(tǒng)一 H5、微...

    BLUE 評論0 收藏0
  • 微信小程序開發(fā)中的二三事之網(wǎng)易云信IMSDK DEMO

    摘要:傳統(tǒng)的網(wǎng)頁編程采用的三劍客來實現(xiàn),在微信小程序中同樣有三劍客。觀察者模式不難實現(xiàn),重點是如何在微信小程序中搭配其特有的生命周期來使用。交互事件傳統(tǒng)的事件傳遞類型有冒泡型與捕獲型,微信小程序中自然也有。 本文由作者鄒永勝授權網(wǎng)易云社區(qū)發(fā)布。 簡介為了更好的展示我們即時通訊SDK強悍的能力,網(wǎng)易云信IM SDK微信小程序DEMO的開發(fā)就提上了日程。用產(chǎn)品的話說就是: 云信 IM 小程序 S...

    weij 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<