欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決

 更新時(shí)間:2022年12月24日 13:22:18   作者:Nanchen_42  
這篇文章主要介紹了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)文章

最新評論