亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

uni-app?開(kāi)發(fā)微信小程序定位功能

 更新時(shí)間：2022年04月11日 09:23:55   作者：曉_楓  
這篇文章主要介紹了uni-app?開(kāi)發(fā)微信小程序定位,通過(guò)使用onLocationChange方法持續(xù)監(jiān)聽(tīng)地址，根據(jù)定位精度字段判斷是否使用此次定位的經(jīng)緯度，需要的朋友可以參考下

使用onLocationChange方法持續(xù)監(jiān)聽(tīng)地址，根據(jù)定位精度字段判斷是否使用此次定位的經(jīng)緯度。

已經(jīng)會(huì)定位的直接跳七、相對(duì)精確的獲取經(jīng)緯度地址

一、注冊(cè)賬號(hào)

把信息都輸入就好了

騰訊位置服務(wù) - 立足生態(tài)，連接未來(lái)

二、創(chuàng)建應(yīng)用和Key

1.進(jìn)入控制臺(tái)

2.創(chuàng)建應(yīng)用

3.創(chuàng)建Key

啟用產(chǎn)品勾選WebServiceAPI和微信小程序，填寫(xiě)相應(yīng)信息。

三、登錄微信公眾平臺(tái)后臺(tái)

增加request合法域名：https://apis.map.qq.com

開(kāi)發(fā)管理 —— 開(kāi)發(fā)設(shè)置 —— 服務(wù)器域名 ——修改

四、下載微信小程序JavaScriptSDK

下載后放到自己的項(xiàng)目中

微信小程序JavaScript SDK | 騰訊位置服務(wù)

五、代碼實(shí)現(xiàn)

var QQMap = require('../../js_sdk/qqmap-wx-jssdk.min.js') // SDK放置的路徑
var qqmapsdk = new QQMap({
	key: '**************' // 自己的Key
});

六、一般獲取經(jīng)緯度地址

在比較繁華的地方，一般用這個(gè)就夠了。

wx.getLocation({
	type: 'wgs84',
	success: res => {
		console.log(res); //獲取到經(jīng)緯度值
		qqmapsdk.reverseGeocoder({ // 根據(jù)經(jīng)緯度轉(zhuǎn)化為地址
			location: {
				latitude: res.latitude,
				longitude: res.longitude
			},
			success: res => {
				console.log(res);								
			}
		})
	}
});

七、相對(duì)精確的獲取經(jīng)緯度地址

1.獲取位置監(jiān)聽(tīng)的權(quán)限

uni.authorize({
	scope: 'scope.userLocation',
	success(res) {
		console.log(res);
	}
})

2.開(kāi)啟位置監(jiān)聽(tīng)

wx.startLocationUpdate({
	success: res => {
		console.log(res);
	},
	fail: res => {
		console.log(res);
		//在這里處理開(kāi)啟失敗的業(yè)務(wù)邏輯
	}
})

3.監(jiān)聽(tīng)實(shí)時(shí)地理位置變化

let index = 0;
const _locationChangeFn = function(res) {
	console.log('location change', res)
	index++;
	
	//res.accuracy 代表定位精度， 這里根據(jù)定位精度和定位次數(shù)進(jìn)行一個(gè)綜合判斷，根據(jù)用戶(hù)在當(dāng)前頁(yè)面的停留時(shí)間進(jìn)行相應(yīng)的修改
	if (index > 10 || (res.accuracy < 35 && index > 5)) {
 
 
		wx.offLocationChange();
		wx.stopLocationUpdate();
 
		qqmapsdk.reverseGeocoder({// 根據(jù)經(jīng)緯度轉(zhuǎn)化為地址
			location: {
				//緯度
				latitude: res.latitude,
				//經(jīng)度
				longitude: res.longitude
			},
			success: function(res1) {
				console.log(res1.result);
				
			},
			fail: function(res1) {
				console.log(res1);
			}
		})
	}
 
}
 
//監(jiān)聽(tīng)實(shí)時(shí)地理位置變化事件
wx.onLocationChange(_locationChangeFn)

這樣定位出來(lái)的地址可能差不多，但是經(jīng)緯度要比直接用getLocation獲取到的更準(zhǔn)確。

到此這篇關(guān)于uni-app 開(kāi)發(fā)微信小程序定位的文章就介紹到這了,更多相關(guān)uni-app小程序定位內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論