腳本之家服務器常用軟件

快捷導航

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

更新時間：2022年12月24日 13:22:18 作者：Nanchen_42

這篇文章主要介紹了uniApp微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決,需要的朋友可以參考下

獲取騰訊地圖的定位功能

首先打開網址：騰訊位置服務

找到這三個位置并下載第3步的包

下載即可

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

使用min.js的包放入common里

用在哪個頁面就在哪個頁面中引入

	var QQMapWX = require('../../common/lib/qqmap-wx-jssdk.min.js');

接下來在onLoad中使用下面這段代碼（當然也可以放入mounted里面）

qqmapsdk = new QQMapWX({
    key: '申請的key'
});

這里的秘鑰需要從官網中自己創(chuàng)建

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

點擊編輯

勾選這三個√

保存

uni.getLocation({
    type: 'wgs84',
    success: function (res) {
        console.log('當前位置的經度：' + res.longitude);
        console.log('當前位置的緯度：' + res.latitude);
    }
});

這里面的wgs84 uniApp官網中也給出了詳細的解釋

success

latitude

緯度，浮點數，范圍為-90~90，負數表示南緯

longitude

經度，浮點數，范圍為-180~180，負數表示西經

打印結果如下：

拿到經緯度后通過經緯度返回他的地址

通過逆地址解析進行操作

完整代碼如下：

data(){
    return{
        qqmapsdk:{}
    }
}
onLoad() {
			this.qqmapsdk = new QQMapWX({
				key: 'XFIBZ-74JKO-3XCW3-SDVGT-FVOVF-RBFAS'
			});
			uni.getLocation({
			    type: 'wgs84',
			    success: (res)=> {
			        console.log('當前位置的經度：' + res.longitude);
			        console.log('當前位置的緯度：' + res.latitude);
					this.qqmapsdk.reverseGeocoder({
						success:(res)=>{
							console.log(res);
						}
					})
			    }
			});
		},

獲取成功??！

最后渲染這個數據即可

可以創(chuàng)建一個空的字符串

用標簽調用一下address即可完成

注意：這個時候的數據并不一定是你現在的地址，因為是模擬器的環(huán)境。切換到真機測試即可看到您所在的地理位置

途中出現的“getLocation需要在app.json中聲明permission字段”問題以及解決方案

如果出現以下情況，請在manifest.json中添加以下代碼

"permission": {
		  "scope.userLocation": {
		   "desc": "你的位置信息將用于小程序位置接口的效果展示"
		  }
		 },

以上就是

微信小程序使用騰訊地圖定位功能及getLocation需要在app.json中聲明permission字段問題解決的詳細內容，更多關于uniApp微信小程序使用騰訊地圖定位功能的資料請關注腳本之家其它相關文章！

您可能感興趣的文章:

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

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

獲取騰訊地圖的定位功能

途中出現的“getLocation需要在app.json中聲明permission字段”問題以及解決方案

相關文章

最新評論

大家感興趣的內容

最近更新的內容

常用在線小工具