小程序位置授權(quán)彈窗方法封裝

在小程序中,不管是地圖還是獲取位置信息烛占,都首先需要獲得用戶的位置許可授權(quán)胎挎。

而為了確保在調(diào)用一些其他方法的時候已經(jīng)提前獲取到用戶位置授權(quán),就必須在操作其他步驟之前忆家,先強制獲得用戶位置授權(quán)犹菇。不然往下的業(yè)務(wù)邏輯也沒法繼續(xù)。

封裝方法芽卿,調(diào)用此方法時揭芍,能夠引導用戶進行授權(quán),如果用戶沒有授權(quán)蹬竖,將會跳轉(zhuǎn)到手動授權(quán)頁面

 getUserCity(fn,type){
    wx.getLocation({
      type: type?type:'wgs84',
      success :(res)=> {
        const latitude = res.latitude
        const longitude = res.longitude
        const speed = res.speed
        const accuracy = res.accuracy
        fn(res)
      },
      fail(ress){
        // 檢查授權(quán)
        wx.getSetting({
          success: (res) => {
            // console.log(res.authSetting);
            //已授權(quán)就是true
            if (res.authSetting['scope.userLocation']) {
              this.getUserPosition((res, flag) => {
                // console.log(res, flag);
                if (flag.flag) {
                  fn(res)
                }
              });
            } else {
              //如果未授權(quán)  打開彈窗
              wx.showModal({
                title: '請授權(quán)位置權(quán)限',
                showCancel: false,
                cancelColor: 'cancelColor',
                success: () => {
                  wx.openSetting({
                    complete: (res) => {},
                  })
                }
              })
            }
          }
        })
      }
     })
  },

方法調(diào)用

  兩個參數(shù)沼沈,第一個參數(shù)是一個函數(shù)回調(diào) 
第二個參數(shù)是傳入獲取的經(jīng)緯度類型 分為wgs84和gcj02  一種是給百度地圖 高德地圖等使用 一種是給小程序內(nèi)部地圖使用
        app.getUserCity((res)=>{
            console.log(res)
            res會返回已經(jīng)獲取到的經(jīng)緯度
              })
        },'gcj02')

效果

image.png
image.png

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市币厕,隨后出現(xiàn)的幾起案子列另,更是在濱河造成了極大的恐慌,老刑警劉巖旦装,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件页衙,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機店乐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門艰躺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人眨八,你說我怎么就攤上這事腺兴。” “怎么了廉侧?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵页响,是天一觀的道長。 經(jīng)常有香客問我段誊,道長闰蚕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任连舍,我火速辦了婚禮没陡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘索赏。我一直安慰自己盼玄,他們只是感情好,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布潜腻。 她就那樣靜靜地躺著强岸,像睡著了一般。 火紅的嫁衣襯著肌膚如雪砾赔。 梳的紋絲不亂的頭發(fā)上蝌箍,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音暴心,去河邊找鬼妓盲。 笑死,一個胖子當著我的面吹牛专普,可吹牛的內(nèi)容都是我干的悯衬。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼檀夹,長吁一口氣:“原來是場噩夢啊……” “哼筋粗!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起炸渡,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤娜亿,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蚌堵,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體买决,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡沛婴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了督赤。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘁灯。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖躲舌,靈堂內(nèi)的尸體忽然破棺而出丑婿,到底是詐尸還是另有隱情,我是刑警寧澤没卸,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布枯冈,位于F島的核電站,受9級特大地震影響办悟,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜滩褥,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一病蛉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瑰煎,春花似錦铺然、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至插勤,卻和暖如春沽瘦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背农尖。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工析恋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人盛卡。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓助隧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親滑沧。 傳聞我的和親對象是個殘疾皇子并村,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,146評論 0 3
  • 項目結(jié)構(gòu) 前端:Vue 后端:Koa 數(shù)據(jù)庫:MySQL 問題 SPA單頁應(yīng)用如何解決微信授權(quán)時的跳轉(zhuǎn)? SPA單...
    JunChow520閱讀 1,837評論 0 0
  • AFHTTPRequestOperationManager 網(wǎng)絡(luò)傳輸協(xié)議UDP滓技、TCP哩牍、Http、Socket令漂、X...
    Carden閱讀 4,333評論 0 12
  • 2019.11.06 星期三 遇到你姐叁,三生有幸,這是開始的開始,終于拿起筆開始寫些東西外潜,記錄一些事情原环,開始沉淀思想...
    孔伍閱讀 110評論 0 2
  • 行宮 元稹 寥落古行宮,宮花寂寞紅处窥。 白頭宮女在嘱吗,閑坐說玄宗。
    修源正本閱讀 191評論 1 1