uniapp 使用定位示例详解

 更新时间:2022年10月18日 09:45:15   作者:LeHan  
这篇文章主要为大家介绍了uniapp如何使用定位过程示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前言

业务需要用定位功能,还是持续后台定位的,所以研究了一下,深入浅出好吧,大伙直接复制粘贴拿去用就行!我把他分为在微信小程序和APP中的情况, 先发一波APP的,点赞超过10我就发个微信小程序的。

第一步

在manifest.jsop中复制这段代码,xxx是你自己的信息哦,有了这段代码,前台定位和后台定位权限都可以了。

    "mp-weixin" : {
        "permission" : {
            "scope.userLocation" : {
                "desc" : "xxx"  //描述用来干啥的
            }
        },
        "requiredBackgroundModes" : [ "location" ],
        "requiredPrivateInfos" : [
            "getLocation",
            "onLocationChange",
            "startLocationUpdate",
            "startLocationUpdateBackground"
        ]
    },

第二步

在要用的地方写 , 这个是检测手机定位打开没有的代码

				// #ifdef APP-PLUS
				// 获取是否开启定位
				let system = uni.getSystemInfoSync(); // 获取系统信息
				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); // 打开系统设置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("手机系统的定位没有打开");
					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('当前位置的经度:' + res.longitude);
		console.log('当前位置的纬度:' + res.latitude);
		console.log('当前位置的速度:' + res.speed);
                console.log('当前位置的精确度:' + res.accuracy);
}) 

以上就是uniapp 使用定位示例详解的详细内容,更多关于uniapp 定位使用的资料请关注脚本之家其它相关文章!

相关文章

  • 微信小程序返回上一级页面的实现代码

    微信小程序返回上一级页面的实现代码

    这篇文章主要介绍了微信小程序返回上一级页面的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 关于ES6箭头函数中的this问题

    关于ES6箭头函数中的this问题

    ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,接下来通过本文给大家分享ES6箭头函数中的this,感兴趣的朋友一起看看吧
    2018-02-02
  • 读取input:file的路径并显示本地图片的方法

    读取input:file的路径并显示本地图片的方法

    input:file是一个文件上传控件,如何读取input:file的路径并显示图片,具体实现如下,需要注意的是在IE8中由于IE8自作聪明的将真实路径隐藏起来
    2013-09-09
  • JS验证IP,子网掩码,网关和MAC的方法

    JS验证IP,子网掩码,网关和MAC的方法

    这篇文章主要介绍了JS验证IP,子网掩码,网关和MAC的方法,涉及javascript正则表达式的相关使用技巧,需要的朋友可以参考下
    2015-07-07
  • js+audio实现音乐播放器

    js+audio实现音乐播放器

    这篇文章主要为大家详细介绍了js+audio实现音乐播放器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JS中常用的正则表达式

    JS中常用的正则表达式

    这篇文章主要介绍了JS中常用的正则表达式,都是我日常收集整理的,包括电话验证,数字验证,车牌号码验证,身份证号验证包括15位18位身份证验证,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-09-09
  • 小程序封装路由文件和路由方法(5种全解析)

    小程序封装路由文件和路由方法(5种全解析)

    这篇文章主要介绍了小程序5种路由方法使用场景,封装路由文件和路由方法,提升小程序体验和开发效率,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • 谈一谈javascript闭包

    谈一谈javascript闭包

    这篇文章主要介绍了javascript闭包,闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Javascript与flash交互通信基础教程

    Javascript与flash交互通信基础教程

    说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威
    2008-08-08
  • 微信小程序定义和调用全局变量globalData的实现

    微信小程序定义和调用全局变量globalData的实现

    这篇文章主要介绍了微信小程序定义和调用全局变量globalData的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11

最新评论