uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決
更新時間：2022年12月24日 13:22:18 作者：Nanchen_42
這篇文章主要介紹了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中使用下面這段代碼（當(dāng)然也可以放入mounted里面）
qqmapsdk = new QQMapWX({
key: '申請的key'
});這里的秘鑰需要從官網(wǎng)中自己創(chuàng)建
創(chuàng)建好后會自動生成秘鑰復(fù)制粘貼下來即可
點擊編輯
勾選這三個√
保存
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)中也給出了詳細的解釋
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('當(dāng)前位置的經(jīng)度：' + res.longitude);
console.log('當(dāng)前位置的緯度：' + res.latitude);
this.qqmapsdk.reverseGeocoder({
success:(res)=>{
console.log(res);
}
})
}
});
},獲取成功??！
最后渲染這個數(shù)據(jù)即可
可以創(chuàng)建一個空的字符串
用標(biāo)簽調(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)文章
手機的軟件系統(tǒng)已成為用戶直接操作和應(yīng)用的主體，它應(yīng)以美觀實用、操作便捷為用戶所青睞。用戶界面設(shè)計的規(guī)范性顯得尤為重要2014-05-05
這篇文章主要介紹了Matlab使用fft畫出信號頻譜圖的方法,本文通過實例圖文相結(jié)合給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
詳解為什么現(xiàn)代系統(tǒng)需要一個新的編程模型
如今高要求的分布式系統(tǒng)的建造者遇到了不能完全由傳統(tǒng)的面向?qū)ο缶幊?OOP)模型解決的挑戰(zhàn)，但這可以從Actor模型中獲益。2021-05-05
暑假瞄了一些匯編優(yōu)化的文章，感覺這篇有點意思。盡管英文水平不咋地，還是倔起牛勁翻譯了下?？隙ㄓ胁缓玫牡胤?，大家海涵~英文原文附件給出~如果有什么錯誤還望批評指正~另外，如果admin感覺可以加精的話就麻煩下了2012-07-07
這篇文章主要介紹了軟件測試過程中常見的英文單詞匯總,需要的朋友可以參考下2022-09-09
Scala函數(shù)式編程專題--scala基礎(chǔ)語法介紹
這篇文章主要介紹了scala基礎(chǔ)語法的的相關(guān)資料，文中講解非常詳細，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
計算機二級到現(xiàn)階段應(yīng)該如何備考，該聽什么課？該針對哪些考點重點學(xué)習(xí)，這些都要做到心里有數(shù)，有計劃性。這篇文章為大家分享了計算機二級備考技巧，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了vant/vue實現(xiàn)小程序下拉刷新功能方法詳解,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了uniapp語音識別（訊飛語音）轉(zhuǎn)文字,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Spark在Win10下的環(huán)境搭建過程，本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-04-04