uniApp獲取當前位置經緯度的示例代碼
以下是使用uni.getLocation獲取當前位置的示例代碼:
1.調用uni.getLocation方法獲取當前位置信息
uni.getLocation({
type: 'wgs84', // 坐標類型,默認為wgs84,可選的值為gcj02和bd09ll
success: res => {
// 獲取成功,經度和緯度在res.longitude和res.latitude中
console.log('longitude:', res.longitude);
console.log('latitude:', res.latitude);
},
fail: err => {
// 獲取失敗,err為錯誤信息
console.log('getLocation err:', err);
}
});2.如果需要連續(xù)獲取位置信息,可以使用uni.startLocationUpdate方法
uni.startLocationUpdate({
accuracy: 'high', // 定位精度,可選值為low、medium、high,默認為high
autoStop: false, // 是否自動停止位置更新,默認為false
success: res => {
console.log('longitude:', res.longitude);
console.log('latitude:', res.latitude);
},
fail: err => {
console.log('startLocationUpdate err:', err);
}
});3.需要注意的是,獲取位置信息需要用戶授權,如果沒有授權,則無法獲取位置信息。如果需要獲取位置信息,請在manifest.json文件中添加以下權限:
"permissions": {
"location": {
"desc": "您的位置信息將用于獲取您周邊的優(yōu)惠信息"
}
}
uni-app獲取地理位置
在uni-app中,可以通過uni.getLocation()方法獲取地理位置。具體步驟如下:
1.在uni-app項目中的manifest.json文件中,添加需要獲取地理位置的權限:
{
"mp-weixin": {
"appid": "...",
"permission": {
"scope.userLocation": {
"desc": "你的位置信息將用于小程序定位"
}
}
}
}1.在頁面中調用uni.getLocation()方法:
uni.getLocation({
type: 'gcj02', // 坐標系類型
success: function (res) {
var latitude = res.latitude; // 維度
var longitude = res.longitude; // 經度
console.log('經度:' + longitude + ',緯度:' + latitude);
},
fail: function (res) {
console.log('獲取定位失?。? + res.errMsg);
}
});其中,type參數表示坐標系類型,可選值為:wgs84、gcj02、bd09ll,默認值為wgs84。其中,gcj02為國測局坐標系,bd09ll為百度地圖坐標系,一般使用gcj02即可。
調用uni.getLocation()方法后,會彈出授權框,請用戶授權獲取地理位置。成功獲取位置后,會返回經緯度信息,開發(fā)者可以根據返回的經緯度信息進行相應的處理。
到此這篇關于uniApp獲取當前位置經緯度的文章就介紹到這了,更多相關uniApp獲取經緯度內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Bootstrap Metronic完全響應式管理模板之菜單欄學習筆記
這篇文章主要介紹了Bootstrap Metronic完全響應式管理模板之菜單欄學習筆記,感興趣的小伙伴們可以參考一下2016-07-07
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析,需要的朋友可以參考下。2010-03-03
解析javascript系統(tǒng)錯誤:-1072896658的解決辦法
問題出現在用到ajax的場合。昨天還正常的程序,今天運行就有javascript系統(tǒng)錯誤:-1072896658的2013-07-07
JavaScript+html5 canvas繪制漸變區(qū)域完整實例
這篇文章主要介紹了JavaScript+html5 canvas繪制漸變區(qū)域的方法,結合完整實例形式分析了canvas顏色調用與圖形繪制的相關技巧,需要的朋友可以參考下2016-01-01

