uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決
獲取騰訊地圖的定位功能
首先打開網(wǎng)址:騰訊位置服務(wù)
找到這三個位置并下載第3步的包

下載即可
解壓完畢后有兩個js文件,這里用min.js的包即可

使用min.js的包放入common里

用在哪個頁面就在哪個頁面中引入
var QQMapWX = require('../../common/lib/qqmap-wx-jssdk.min.js'); 接下來在onLoad中使用下面這段代碼(當然也可以放入mounted里面)

qqmapsdk = new QQMapWX({
key: '申請的key'
});這里的秘鑰需要從官網(wǎng)中自己創(chuàng)建

創(chuàng)建好后會自動生成秘鑰復制粘貼下來即可

點擊編輯

勾選這三個√

保存


uni.getLocation({
type: 'wgs84',
success: function (res) {
console.log('當前位置的經(jīng)度:' + res.longitude);
console.log('當前位置的緯度:' + res.latitude);
}
});這里面的wgs84 uniApp官網(wǎng)中也給出了詳細的解釋

success

| latitude | 緯度,浮點數(shù),范圍為-90~90,負數(shù)表示南緯 |
| longitude | 經(jīng)度,浮點數(shù),范圍為-180~180,負數(shù)表示西經(jīng) |

打印結(jié)果如下:
拿到經(jīng)緯度后通過經(jīng)緯度返回他的地址
通過逆地址解析進行操作



完整代碼如下 :
data(){
return{
qqmapsdk:{}
}
}
onLoad() {
this.qqmapsdk = new QQMapWX({
key: 'XFIBZ-74JKO-3XCW3-SDVGT-FVOVF-RBFAS'
});
uni.getLocation({
type: 'wgs84',
success: (res)=> {
console.log('當前位置的經(jīng)度:' + res.longitude);
console.log('當前位置的緯度:' + res.latitude);
this.qqmapsdk.reverseGeocoder({
success:(res)=>{
console.log(res);
}
})
}
});
},獲取成功??!

最后渲染這個數(shù)據(jù)即可
可以創(chuàng)建一個空的字符串


用標簽調(diào)用一下address即可完成
注意:這個時候的數(shù)據(jù)并不一定是你現(xiàn)在的地址,因為是模擬器的環(huán)境。切換到真機測試即可看到您所在的地理位置
途中出現(xiàn)的“getLocation需要在app.json中聲明permission字段”問題以及解決方案
如果出現(xiàn)以下情況,請在manifest.json中添加以下代碼

"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口的效果展示"
}
},
以上就是
微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決的詳細內(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 錯誤分析與解決方法
這篇文章主要介紹了微信支付jsapi缺少參數(shù) total_fee 錯誤分析與解決方法,需要的朋友可以參考下2018-03-03
一文讀懂modbus slave和modbus poll使用說明
modbus poll和modbus slave是一款實用的modbus開發(fā)和調(diào)試工具,可以非常方便的進行modbus調(diào)試,是非常有用的Modbus主機/從機模擬程序,這篇文章給大家介紹modbus slave和modbus poll使用說明,感興趣的朋友一起看看吧2021-04-04
PyCharm2022激活碼破解補丁一鍵安裝免費分享(2022年持續(xù)更新)
PyCharm2022最新激活碼分享(持續(xù)更新),PyCharm激活補丁一鍵安裝簡單方便,無需手動修改文件,MAC,linux,Windows系統(tǒng)都可使用2022-07-07

