目錄

前言

效果展示

一、在騰訊定位服務(wù)配置微信小程序JavaScript SDK

二、使用uni-app獲取定位的經(jīng)緯度

三、?逆地址解析，獲取精確定位

四、小提示

前言

效果展示

一、在騰訊定位服務(wù)配置微信小程序JavaScript SDK

在瀏覽器搜索騰訊定位服務(wù)，找到官方網(wǎng)站，利用微信或者其他賬號注冊登錄，登錄后如下圖操作

點(diǎn)進(jìn)去之后，可以看到如下圖紅色框框的操作指導(dǎo)

第一步和第二步主要是申請秘鑰和配置服務(wù)，可以直擊點(diǎn)擊我的應(yīng)用跳轉(zhuǎn)、接下來如下圖片所示操作?

成功創(chuàng)建就會有如下圖片的情況?

點(diǎn)擊添加Key,然后進(jìn)行配置?

配置成功，就會獲得Key?

第三步、下載微信小程序JavaScriptSDK v1.1???JavaScriptSDK v1.2?其中的一個(gè)即可，然后解壓文件后，將其放入項(xiàng)目中，我這里放入在我的common組件中

?第四步可以忽略，第五步就是將文件引入，到你想要展現(xiàn)定位的頁面，把申請的Key引入到onLoad生命周期中

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

	this.qqmapsdk = new QQMapWX({
						key: '3SUBZ-W5BCQ-FLM5G-GYOPG-D523V-DUFNH'
					});

?二、使用uni-app獲取定位的經(jīng)緯度

在uni-app的API中找到位置

?將如下的代碼放入mounted生命周期中獲取經(jīng)緯度

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

?這里還需要在manifest.json中的源碼視圖中添加一段配置權(quán)限的代碼

 "permission" : {
            "scope.userLocation" : {
                "desc" : "獲取當(dāng)前定位"
            }
        }

?

三、?逆地址解析，獲取精確定位

調(diào)用qqmapsdk.reverseGeocoder的方法，在其中屬性location中調(diào)用經(jīng)緯度，這里要注意需要使用gcj02，還需要

通過屬性success, fail, complete的回調(diào)參數(shù)來接收調(diào)用結(jié)果success的回調(diào)參數(shù)可以有2個(gè)，第1個(gè)參數(shù)接收調(diào)用結(jié)果，第2個(gè)參數(shù)控制返回處理后的數(shù)據(jù)（非必須參數(shù)）,示例：success:function(res,data)

?

?address是自己定義為空，來接收地址，req中有如下內(nèi)容

?address只要獲取到定位即可req.result.address

mounted() {
		uni.getLocation({
		type: 'gcj02',
		highAccuracyExpireTime: 100,
		success: (res => {
				this.qqmapsdk.reverseGeocoder({
				location: {
					latitude: res.latitude,
					longitude: res.longitude
				},
				success:(req=>{
					this.address = req.result.address
					console.log(this.address);
				})
			})
		})
	});
},

?最后在頁面上渲染address即可

?代碼段中highAccuracyExpireTime: 100,是高精度定位超時(shí)時(shí)間(ms)，指定時(shí)間內(nèi)返回最高精度，該值3000ms以上高精度定位才有效果，可以寫也可以不寫。

四、小提示

如果無法出現(xiàn)定位效果，需要降低調(diào)式基庫的版本

結(jié)束語：

以上就是本次分享的全部內(nèi)容，有任何問題，都可以私信我

文章來源地址http://www.zghlxwxcb.cn/news/detail-802898.html

到了這里，關(guān)于【微信小程序】如何獲得自己當(dāng)前的定位呢？本文利用逆地址解析、uni-app帶你實(shí)現(xiàn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！