uniapp 使用定位示例詳解
更新時間:2022年10月18日 09:45:15 作者:LeHan
這篇文章主要為大家介紹了uniapp如何使用定位過程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
前言
業(yè)務需要用定位功能,還是持續(xù)后臺定位的,所以研究了一下,深入淺出好吧,大伙直接復制粘貼拿去用就行!我把他分為在微信小程序和APP中的情況, 先發(fā)一波APP的,點贊超過10我就發(fā)個微信小程序的。
第一步
在manifest.jsop中復制這段代碼,xxx是你自己的信息哦,有了這段代碼,前臺定位和后臺定位權限都可以了。
"mp-weixin" : { "permission" : { "scope.userLocation" : { "desc" : "xxx" //描述用來干啥的 } }, "requiredBackgroundModes" : [ "location" ], "requiredPrivateInfos" : [ "getLocation", "onLocationChange", "startLocationUpdate", "startLocationUpdateBackground" ] },
第二步
在要用的地方寫 , 這個是檢測手機定位打開沒有的代碼
// #ifdef APP-PLUS // 獲取是否開啟定位 let system = uni.getSystemInfoSync(); // 獲取系統(tǒng)信息 if (system.platform === 'android') { // 判斷平臺 var context = plus.android.importClass("android.content.Context"); var locationManager = plus.android.importClass("android.location.LocationManager"); var main = plus.android.runtimeMainActivity(); var mainSvr = main.getSystemService(context.LOCATION_SERVICE); if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) { var main = plus.android.runtimeMainActivity(); var Intent = plus.android.importClass('android.content.Intent'); var Settings = plus.android.importClass('android.provider.Settings'); var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS); main.startActivity(intent); // 打開系統(tǒng)設置GPS服務頁面 } } else if (system.platform === 'ios') { var cllocationManger = plus.ios.import("CLLocationManager"); var enable = cllocationManger.locationServicesEnabled(); var status = cllocationManger.authorizationStatus(); plus.ios.deleteObject(cllocationManger); console.log("手機系統(tǒng)的定位沒有打開"); uni.showModal({ title: '提示', content: '請打開定位服務功能', showCancel: false, // 不顯示取消按鈕 success() { var UIApplication = plus.ios.import("UIApplication"); var application2 = UIApplication.sharedApplication(); var NSURL2 = plus.ios.import("NSURL"); var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION"); application2.openURL(setting2); plus.ios.deleteObject(setting2); plus.ios.deleteObject(NSURL2); plus.ios.deleteObject(application2); } }); } // #endif
第三步
開始拿定位 ,用uni的方法
uni.getLocation({success(res)=>{ console.log('當前位置的經(jīng)度:' + res.longitude); console.log('當前位置的緯度:' + res.latitude); console.log('當前位置的速度:' + res.speed); console.log('當前位置的精確度:' + res.accuracy); })
以上就是uniapp 使用定位示例詳解的詳細內(nèi)容,更多關于uniapp 定位使用的資料請關注腳本之家其它相關文章!
相關文章
JS驗證IP,子網(wǎng)掩碼,網(wǎng)關和MAC的方法
這篇文章主要介紹了JS驗證IP,子網(wǎng)掩碼,網(wǎng)關和MAC的方法,涉及javascript正則表達式的相關使用技巧,需要的朋友可以參考下2015-07-07微信小程序定義和調用全局變量globalData的實現(xiàn)
這篇文章主要介紹了微信小程序定義和調用全局變量globalData的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-11-11