欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

taro 微信小程序使用地圖逆向解析詳細(xì)地址 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷(xiāo)的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷(xiāo)工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

taro 微信小程序使用地圖逆向解析詳細(xì)地址

發(fā)表時(shí)間:2020-10-19

發(fā)布人:葵宇科技

瀏覽次數(shù):155

在微信 小程序中使用定位服務(wù),首先要用戶(hù)授權(quán),在app.json中加入相應(yīng)代碼,

第一步

在app.config.ts中加入下面代碼,彈出用戶(hù)授權(quán)地圖權(quán)限

  "permission":{
    "scope.userLocation":{
      "desc":"請(qǐng)點(diǎn)擊允許"
    }
  },

第二步

在頁(yè)面中插入wx.authorize開(kāi)通用戶(hù)授權(quán)

  wx.authorize({//獲取權(quán)限
    scope: 'scope.userLocation',//位置權(quán)限
 	 success (res) {
 	 //授權(quán)成功 可進(jìn)行拿取用戶(hù)地址
	}

wx.authorize:授權(quán)
scope:要授權(quán)的功能,可查看微信文檔

第三步

去騰訊地圖申請(qǐng)開(kāi)發(fā)者權(quán)限,獲取key創(chuàng)建相應(yīng) 小程序秘鑰
騰訊地圖地址
然后配置相應(yīng)appid

第四步

使用 ‘微信小程序 JavaScriptSDK’ 需要下載微信小程序 JavaScriptSDK v1.2 文件。 然后將 微信小程序 JavaScriptSDK 文件引入到當(dāng)前頁(yè)面的 xx.js 中。jsSDK地址

第五步

在所需頁(yè)面引入文件

 import QQMapWX from "@/lib/qqmap-wx-jssdk.min.js"

第六步

通過(guò)wx.getLocation 獲取用戶(hù)地址,也可以用wx.chooseLocation(這個(gè)是用戶(hù)可以選擇的),第一個(gè)是自動(dòng)獲取的

        wx.getLocation({
          type:'gcj02',//可選值,wgs84 gcj02相對(duì)準(zhǔn)確一些
          isHighAccuracy:true,//增強(qiáng)經(jīng)緯度獲取
          success(longLat){
            const { latitude,longitude } = longLat;
            //可在此步驟把經(jīng)緯度存入狀態(tài)管理倉(cāng)庫(kù)
            // QQMapWX剛才引入的下載好js文件
              let qqmapsdk = new QQMapWX({
                  key: '騰訊地圖key'
              })
              //通過(guò)reverseGeocoder用經(jīng)緯度獲取文字地址信息
              qqmapsdk.reverseGeocoder({
                location: {latitude,longitude},
                success(address) {
                //拿到的信息
                    console.log('addresa--------addresa', address)
                }
            })
          }
        })

相關(guān)案例查看更多