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: '申請(qǐng)的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);
}
})
}
});
},獲取成功?。?/strong>
最后渲染這個(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)以下情況，請(qǐng)?jiān)趍anifest.json中添加以下代碼
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序位置接口的效果展示"
}
},
以上就是
微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決的詳細(xì)內(nèi)容，更多關(guān)于uniApp微信小程序使用騰訊地圖定位功能的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
手機(jī)的軟件系統(tǒng)已成為用戶直接操作和應(yīng)用的主體，它應(yīng)以美觀實(shí)用、操作便捷為用戶所青睞。用戶界面設(shè)計(jì)的規(guī)范性顯得尤為重要2014-05-05
這篇文章主要介紹了Matlab使用fft畫出信號(hào)頻譜圖的方法,本文通過實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
詳解為什么現(xiàn)代系統(tǒng)需要一個(gè)新的編程模型
如今高要求的分布式系統(tǒng)的建造者遇到了不能完全由傳統(tǒng)的面向?qū)ο缶幊?OOP)模型解決的挑戰(zhàn)，但這可以從Actor模型中獲益。2021-05-05
暑假瞄了一些匯編優(yōu)化的文章，感覺這篇有點(diǎn)意思。盡管英文水平不咋地，還是倔起牛勁翻譯了下?？隙ㄓ胁缓玫牡胤剑蠹液：瓇英文原文附件給出~如果有什么錯(cuò)誤還望批評(píng)指正~另外，如果admin感覺可以加精的話就麻煩下了2012-07-07
這篇文章主要介紹了軟件測試過程中常見的英文單詞匯總,需要的朋友可以參考下2022-09-09
Scala函數(shù)式編程專題--scala基礎(chǔ)語法介紹
這篇文章主要介紹了scala基礎(chǔ)語法的的相關(guān)資料，文中講解非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
計(jì)算機(jī)二級(jí)如何一次性通過?給NCRE焦躁心情降溫!
計(jì)算機(jī)二級(jí)到現(xiàn)階段應(yīng)該如何備考，該聽什么課？該針對(duì)哪些考點(diǎn)重點(diǎn)學(xué)習(xí)，這些都要做到心里有數(shù)，有計(jì)劃性。這篇文章為大家分享了計(jì)算機(jī)二級(jí)備考技巧，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
vant/vue實(shí)現(xiàn)小程序下拉刷新功能方法詳解
這篇文章主要介紹了vant/vue實(shí)現(xiàn)小程序下拉刷新功能方法詳解,需要的朋友可以參考下2022-12-12
uniapp語音識(shí)別（訊飛語音）轉(zhuǎn)文字
這篇文章主要介紹了uniapp語音識(shí)別（訊飛語音）轉(zhuǎn)文字,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Spark在Win10下的環(huán)境搭建過程，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-04-04