返回顶部
首页 > 资讯 > 前端开发 > JavaScript >uniapp使用定位示例详解
  • 392
分享到

uniapp使用定位示例详解

uniapp如何使用定位uniapp如何使用定位 2022-11-13 18:11:00 392人浏览 独家记忆
摘要

目录前言第一步第二步第三步前言 业务需要用定位功能,还是持续后台定位的,所以研究了一下,深入浅出好吧,大伙直接复制粘贴拿去用就行!我把他分为在微信小程序和APP中的情况, 先发一波A

前言

业务需要用定位功能,还是持续后台定位的,所以研究了一下,深入浅出好吧,大伙直接复制粘贴拿去用就行!我把他分为在微信小程序和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 定位使用的资料请关注编程网其它相关文章!

--结束END--

本文标题: uniapp使用定位示例详解

本文链接: https://lsjlt.com/news/169578.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作