uniApp獲取當(dāng)前位置經(jīng)緯度的示例代碼
以下是使用uni.getLocation獲取當(dāng)前位置的示例代碼:
1.調(diào)用uni.getLocation方法獲取當(dāng)前位置信息
uni.getLocation({ type: 'wgs84', // 坐標(biāo)類型,默認(rèn)為wgs84,可選的值為gcj02和bd09ll success: res => { // 獲取成功,經(jīng)度和緯度在res.longitude和res.latitude中 console.log('longitude:', res.longitude); console.log('latitude:', res.latitude); }, fail: err => { // 獲取失敗,err為錯(cuò)誤信息 console.log('getLocation err:', err); } });
2.如果需要連續(xù)獲取位置信息,可以使用uni.startLocationUpdate方法
uni.startLocationUpdate({ accuracy: 'high', // 定位精度,可選值為low、medium、high,默認(rèn)為high autoStop: false, // 是否自動(dòng)停止位置更新,默認(rèn)為false success: res => { console.log('longitude:', res.longitude); console.log('latitude:', res.latitude); }, fail: err => { console.log('startLocationUpdate err:', err); } });
3.需要注意的是,獲取位置信息需要用戶授權(quán),如果沒有授權(quán),則無法獲取位置信息。如果需要獲取位置信息,請(qǐng)?jiān)趍anifest.json文件中添加以下權(quán)限:
"permissions": { "location": { "desc": "您的位置信息將用于獲取您周邊的優(yōu)惠信息" } }
uni-app獲取地理位置
在uni-app中,可以通過uni.getLocation()方法獲取地理位置。具體步驟如下:
1.在uni-app項(xiàng)目中的manifest.json文件中,添加需要獲取地理位置的權(quán)限:
{ "mp-weixin": { "appid": "...", "permission": { "scope.userLocation": { "desc": "你的位置信息將用于小程序定位" } } } }
1.在頁面中調(diào)用uni.getLocation()方法:
uni.getLocation({ type: 'gcj02', // 坐標(biāo)系類型 success: function (res) { var latitude = res.latitude; // 維度 var longitude = res.longitude; // 經(jīng)度 console.log('經(jīng)度:' + longitude + ',緯度:' + latitude); }, fail: function (res) { console.log('獲取定位失?。? + res.errMsg); } });
其中,type參數(shù)表示坐標(biāo)系類型,可選值為:wgs84、gcj02、bd09ll,默認(rèn)值為wgs84。其中,gcj02為國(guó)測(cè)局坐標(biāo)系,bd09ll為百度地圖坐標(biāo)系,一般使用gcj02即可。
調(diào)用uni.getLocation()方法后,會(huì)彈出授權(quán)框,請(qǐng)用戶授權(quán)獲取地理位置。成功獲取位置后,會(huì)返回經(jīng)緯度信息,開發(fā)者可以根據(jù)返回的經(jīng)緯度信息進(jìn)行相應(yīng)的處理。
到此這篇關(guān)于uniApp獲取當(dāng)前位置經(jīng)緯度的文章就介紹到這了,更多相關(guān)uniApp獲取經(jīng)緯度內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記
這篇文章主要介紹了Bootstrap Metronic完全響應(yīng)式管理模板之菜單欄學(xué)習(xí)筆記,感興趣的小伙伴們可以參考一下2016-07-07超好玩js頁面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化
這篇文章主要給大家介紹了關(guān)于超好玩js頁面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化的相關(guān)資料,文中通過示例代碼及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-10-10JS實(shí)現(xiàn)進(jìn)度條順滑版詳細(xì)方案
最近在小程序里,做了一個(gè)類似微博刷視頻的需求,其中有一部分功能需要實(shí)現(xiàn)自定義進(jìn)度條,在做完第一版之后發(fā)現(xiàn)進(jìn)度條不順滑,而后想查查網(wǎng)上看有沒有什么好的方案,但最終沒找到合適的。下面給大家分享JS進(jìn)度條順滑版實(shí)現(xiàn)代碼,需要的朋友參考下吧2021-08-08clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析,需要的朋友可以參考下。2010-03-03JavaScript實(shí)現(xiàn)alert彈框效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)alert彈框效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11解析javascript系統(tǒng)錯(cuò)誤:-1072896658的解決辦法
問題出現(xiàn)在用到ajax的場(chǎng)合。昨天還正常的程序,今天運(yùn)行就有javascript系統(tǒng)錯(cuò)誤:-1072896658的2013-07-07利用純JavaScript實(shí)現(xiàn)讀取和導(dǎo)出Excel文件
在 Web 開發(fā)中,導(dǎo)入和導(dǎo)出 Excel 文件是一個(gè)常見的需求,特別是對(duì)于數(shù)據(jù)報(bào)表和分析等場(chǎng)景,雖然有很多第三方庫(如 xlsx 和 sheetjs)提供了非常強(qiáng)大的功能,但本文將探討如何不依賴第三方庫,利用純 JavaScript 來實(shí)現(xiàn)讀取和導(dǎo)出Excel文件,需要的朋友可以參考下2025-03-03JavaScript+html5 canvas繪制漸變區(qū)域完整實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas繪制漸變區(qū)域的方法,結(jié)合完整實(shí)例形式分析了canvas顏色調(diào)用與圖形繪制的相關(guān)技巧,需要的朋友可以參考下2016-01-01JS 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法
下面小編就為大家?guī)硪黄狫S 獲取HTML標(biāo)簽內(nèi)的子節(jié)點(diǎn)的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09