uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決
獲取騰訊地圖的定位功能
首先打開網(wǎng)址:騰訊位置服務(wù)
找到這三個(gè)位置并下載第3步的包
下載即可
解壓完畢后有兩個(gè)js文件,這里用min.js的包即可
使用min.js的包放入common里
用在哪個(gè)頁面就在哪個(gè)頁面中引入
var QQMapWX = require('../../common/lib/qqmap-wx-jssdk.min.js');
接下來在onLoad中使用下面這段代碼(當(dāng)然也可以放入mounted里面)
qqmapsdk = new QQMapWX({ key: '申請的key' });
這里的秘鑰需要從官網(wǎng)中自己創(chuàng)建
創(chuàng)建好后會(huì)自動(dòng)生成秘鑰復(fù)制粘貼下來即可
點(diǎn)擊編輯
勾選這三個(gè)√
保存
uni.getLocation({ type: 'wgs84', success: function (res) { console.log('當(dāng)前位置的經(jīng)度:' + res.longitude); console.log('當(dāng)前位置的緯度:' + res.latitude); } });
這里面的wgs84 uniApp官網(wǎng)中也給出了詳細(xì)的解釋
success
latitude | 緯度,浮點(diǎn)數(shù),范圍為-90~90,負(fù)數(shù)表示南緯 |
longitude | 經(jīng)度,浮點(diǎn)數(shù),范圍為-180~180,負(fù)數(shù)表示西經(jīng) |
打印結(jié)果如下:
拿到經(jīng)緯度后通過經(jīng)緯度返回他的地址
通過逆地址解析進(jìn)行操作
完整代碼如下 :
data(){ return{ qqmapsdk:{} } } onLoad() { this.qqmapsdk = new QQMapWX({ key: 'XFIBZ-74JKO-3XCW3-SDVGT-FVOVF-RBFAS' }); uni.getLocation({ type: 'wgs84', success: (res)=> { console.log('當(dāng)前位置的經(jīng)度:' + res.longitude); console.log('當(dāng)前位置的緯度:' + res.latitude); this.qqmapsdk.reverseGeocoder({ success:(res)=>{ console.log(res); } }) } }); },
獲取成功!!
最后渲染這個(gè)數(shù)據(jù)即可
可以創(chuàng)建一個(gè)空的字符串
用標(biāo)簽調(diào)用一下address即可完成
注意:這個(gè)時(shí)候的數(shù)據(jù)并不一定是你現(xiàn)在的地址,因?yàn)槭悄M器的環(huán)境。切換到真機(jī)測試即可看到您所在的地理位置
途中出現(xiàn)的“getLocation需要在app.json中聲明permission字段”問題以及解決方案
如果出現(xiàn)以下情況,請?jiān)趍anifest.json中添加以下代碼
"permission": { "scope.userLocation": { "desc": "你的位置信息將用于小程序位置接口的效果展示" } },
以上就是
微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決的詳細(xì)內(nèi)容,更多關(guān)于uniApp微信小程序使用騰訊地圖定位功能的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
淺談架構(gòu)模式變遷之從分層架構(gòu)到微服務(wù)架構(gòu)
一般地,架構(gòu)模式大致可以分成兩類,單體架構(gòu)(monolithic architecture)和分布式架構(gòu)(distributed architecture)。2021-05-05微信支付jsapi缺少參數(shù) total_fee 錯(cuò)誤分析與解決方法
這篇文章主要介紹了微信支付jsapi缺少參數(shù) total_fee 錯(cuò)誤分析與解決方法,需要的朋友可以參考下2018-03-03Eclipse 誤刪文件的恢復(fù)與代碼的恢復(fù)詳解
這篇文章主要介紹了Eclipse 誤刪文件的恢復(fù),代碼的恢復(fù)的相關(guān)資料,需要的朋友可以參考下2016-09-09一文讀懂modbus slave和modbus poll使用說明
modbus poll和modbus slave是一款實(shí)用的modbus開發(fā)和調(diào)試工具,可以非常方便的進(jìn)行modbus調(diào)試,是非常有用的Modbus主機(jī)/從機(jī)模擬程序,這篇文章給大家介紹modbus slave和modbus poll使用說明,感興趣的朋友一起看看吧2021-04-04ffmpeg播放器實(shí)現(xiàn)詳解之視頻顯示(推薦)
FFmpeg是一套可以用來記錄、轉(zhuǎn)換數(shù)字音頻、視頻,并能將其轉(zhuǎn)化為流的開源計(jì)算機(jī)程序。這篇文章主要介紹了ffmpeg播放器實(shí)現(xiàn)詳解視頻顯示,需要的朋友可以參考下2020-07-07PyCharm2022激活碼破解補(bǔ)丁一鍵安裝免費(fèi)分享(2022年持續(xù)更新)
PyCharm2022最新激活碼分享(持續(xù)更新),PyCharm激活補(bǔ)丁一鍵安裝簡單方便,無需手動(dòng)修改文件,MAC,linux,Windows系統(tǒng)都可使用2022-07-07