uniApp微信小程式使用騰訊地圖定位功能及getLocation需要在app.json中宣告permission欄位問題解決

2022-12-25 14:01:14

獲取騰訊地圖的定位功能

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

下載即可

解壓完畢後有兩個js檔案，這裡用min.js的包即可

使用min.js的包放入common裡

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

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

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

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

這裡的祕鑰需要從官網中自己建立

建立好後會自動生成祕鑰複製貼上下來即可

點選編輯

勾選這三個√

儲存

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);
						}
					})
			    }
			});
		},

獲取成功！！

最後渲染這個資料即可

可以建立一個空的字串

用標籤呼叫一下address即可完成

注意：這個時候的資料並不一定是你現在的地址，因為是模擬器的環境。切換到真機測試即可看到您所在的地理位置

途中出現的“getLocation需要在app.json中宣告permission欄位”問題以及解決方案

如果出現以下情況，請在manifest.json中新增以下程式碼

"permission": {
		  "scope.userLocation": {
		   "desc": "你的位置資訊將用於小程式位置介面的效果展示"
		  }
		 },

以上就是

微信小程式使用騰訊地圖定位功能及getLocation需要在app.json中宣告permission欄位問題解決的詳細內容，更多關於uniApp微信小程式使用騰訊地圖定位功能的資料請關注it145.com其它相關文章！

uniApp微信小程式使用騰訊地圖定位功能及getLocation需要在app.json中宣告permission欄位問題解決

獲取騰訊地圖的定位功能

途中出現的“getLocation需要在app.json中宣告permission欄位”問題以及解決方案

熱門文章