uniapp在所有平台获取定位权限大全

最新推荐文章于 2025-03-28 16:11:16 发布
最新推荐文章于 2025-03-28 16:11:16 发布
阅读量1.1k 收藏 19
点赞数 10
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79303289/article/details/144431881
版权

创作灵感：公司要我用uniapp开发了一套代码，分别在app、h5、微信公众号h5、小程序都使用，所以要根据不同平台做定位权限的获取，以下是每个平台获取权限的前提条件，代码会放在最后。

1，app

准备工作：在获取权限的时候你要准备一个弹窗告诉用户是否允许获取权限，用户点击允许才能获取，拒绝你要弹窗提醒用户关闭了定位权限，要他去系统打开，点击去设置重新打开，不然就会被疯狂打回（tmd，我就是这样，类似这样子，还要写清楚获取权限的目的：

2，h5和微信公众号h5差不多

获取权限很直接，允许就获取了，但是拒绝后还是要提醒用户打开电脑或者手机浏览器的定位

3，小程序

我这里是和app一样的处理，但是拒绝定位后，小程序的设置和app不同

好了，大概情况介绍完了，以上所有平台的位置权限我封装了一个函数，直接使用这个函数就可以了，以下是代码：

import store from "../store";
// #ifdef H5
//注意这个是微信公众号定位用的，要npm才能用
//npm install jweixin-module --save
const jWeixin = require('jweixin-module')
// #endif
import {
		isWXH5
	} from "./util"
这个方法我写在别的地方，你们可以直接写在这里
// function isWXH5() {
// 	var ua = navigator.userAgent.toLowerCase();
// 	if (ua.match(/MicroMessenger/i) == 'micromessenger') {
// 		return true;
// 	} else {
// 		return false;
// 	}

// }
const mygetLocation=(successCallback, errorCallback)=> {
	let that = this;

	uni.getLocation({
		type: 'gcj02',
		geocode: true,
		success: (res) => {
			// that.showCard = false;

			// 调用传入的成功回调
			if (typeof successCallback === 'function') {
				successCallback(res);
			}
			

		},
		fail: async (err) => {
			// 调用传入的错误回调
			if (typeof errorCallback === 'function') {
				errorCallback(err);
			}

			// 处理不同平台的定位逻辑
			// #ifndef MP-WEIXIN
			
			if (!isWXH5()) {
				checkOpenGPSService();
			} else {
				jWeixin.getLocation({
					type: 'gcj02',
					success(res) {
				

						// 调用传入的成功回调
						if (typeof successCallback === 'function') {
							successCallback(res);
						}

					}
				});
			}
			// #endif

			// #ifdef MP-WEIXIN
			uni.showModal({
				title: '提示',
				content: '请打开定位权限',
				showCancel: true,
				cancelText: '取消',
				cancelColor: '#000000',
				confirmText: '确定',
				confirmColor: '#AB80FF',
				success: res => {
					if (res.confirm) {
						uni.openSetting({
							success(res) {
								if (res.authSetting["scope.userLocation"]) {
									uni.getLocation({
										type: 'wgs84',
										success(res) {
										

											// 调用传入的成功回调
											if (typeof successCallback ===
												'function') {
												successCallback(res);
											}

										}
									});
								}
							},
							fail(err) {
								console.log(err);
							}
						});
					} else if (res.cancel) {
						console.log('用户点击取消');
						wx.showToast({
							title: '需要定位权限',
							icon: 'none',
							duration: 2000,
						});
					}
				}
			});
			// #endif
		}
	});
}

const checkOpenGPSService=()=> {
	const that = this
	let systemType = uni.getSystemInfoSync().platform;
	// #ifdef APP
	// 安卓
	const systemSetting = uni.getSystemSetting()
	console.log(systemSetting)
	if (!systemSetting.locationEnabled) {
		// if (self.$refs.confirmPopup) {
		store.commit('userInfo/setISlocal', false);

		uni.showModal({
			title: 'APP系统定位功能未开启',
			content: '请在手机系统“设置”权限管理中开启“位置信息”权限该功能用于提供基于地理位置的功能或服务。',
			confirmText: '前往设置',
			showCancel: false,
			success: (res) => {
				if (res.confirm) {
					openGPSServiceByAndroidIOS()
				}
			}
		})



		return false
	}

	const appAuthorizeSetting = uni.getAppAuthorizeSetting()

	if (appAuthorizeSetting.locationAuthorized == 'denied') {
		
		uni.showModal({
			title: 'APP位置权限未开启',
			content: '您已拒绝获取定位权限，是否去设置中打开？',
			confirmText: '前往设置',
			showCancel: false,
			success: (res) => {
				if (res.confirm) {
					uni.openAppAuthorizeSetting()
				}
			}
		})
		

		return false
	}

	// #ifdef H5
	getMyPosition();
	// #endif


}

function getMyPosition() {
	const res = uni.getAppAuthorizeSetting();

	if (window.navigator.geolocation) {
	
		//获取当前位置..
		//如果获取位置成功，会调用名字为successPosition 的方法.
		navigator.geolocation.getCurrentPosition(successPosition, errorPosition);
	} else {
		store.commit('userInfo/setISlocal', false);
		alert("您当前的浏览器不支持..");
	}
}

function successPosition(position) {
	let jd = position.coords.longitude; //经度
	let wd = position.coords.latitude; //纬度
	// alert(jd + "," + wd);
}
//如果没有获取到位置，就会调用这个方法
function errorPosition() {
	uni.getLocation({
		type: 'gcj02',
		geocode: true,
		success: (res) => {


		},

	})
	uni.showToast({
		title: "请打开手机浏览器的定位服务~",
		icon: "none"
	})
}
// 请求定位权限
function requestLocationPermission() {
	if (store.state.userInfo.showSetting) {
		plus.android.requestPermissions(['android.permission.ACCESS_FINE_LOCATION'], (e) => {
			if (e.granted.length > 0) {
				// 权限已获得，可以进行定位操作
				console.log("定位权限已获得");
				store.commit('userInfo/setISlocal', true);
				getLocation();
			} else if (e.deniedAlways.length > 0 || e.deniedPresent.length > 0) {
				// 权限被拒绝，弹出提示框引导用户去设置
				showPermissionDialog();
				store.commit('userInfo/setISlocal', false);
			}
		});
	}
}

// 获取定位信息的示例函数
function getLocation() {
	plus.geolocation.getCurrentPosition((position) => {
		console.log('定位成功:', position);
		store.commit('userInfo/setISlocal', true);
		// 处理定位信息，例如：
		// store.commit('userInfo/setLocation', position);
	}, (error) => {
		console.error('定位失败:', error);
	});
}

// 显示权限设置的对话框
function showPermissionDialog() {
	console.log(store.state.userInfo.showSetting);
	if (store.state.userInfo.showSetting) {
		uni.showModal({
			title: '权限提示',
			content: '请前往设置中开启定位权限',
			showCancel: true,
			confirmText: '去设置',
			cancelText: '取消',
			success(res) {
				if (res.confirm) {
					let Intent = plus.android.importClass('android.content.Intent');
					let Settings = plus.android.importClass('android.provider.Settings');
					let mainActivity = plus.android.runtimeMainActivity();
					let intent = new Intent(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
					let uri = plus.android.importClass('android.net.Uri').fromParts("package", mainActivity
						.getPackageName(), null);
					intent.setData(uri);
					try {
						mainActivity.startActivity(intent);
					} catch (error) {
						console.error("打开设置页面失败:", error);
					}
				}
			}
		});
	}
}

// 检查定位服务是否启用
function checkLocationService() {
	let context = plus.android.importClass('android.content.Context');
	let locationManager = plus.android.importClass('android.location.LocationManager');
	let main = plus.android.runtimeMainActivity();
	let mainSvr = main.getSystemService(context.LOCATION_SERVICE);

	if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
		if (store.state.userInfo.showSetting) {

			console.log('定位服务未启用');
			// 可以在这里提示用户启用定位服务
			uni.showModal({
				title: '提示',
				content: '请打开定位服务功能',
				showCancel: true,
				cancelText: "取消",
				confirmText: "去设置",
				success(res) {
					if (res.confirm) {
						let intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
						main.startActivity(intent); // 打开系统设置定位服务功能页面
					}
				}
			});
		}
	} else {
		// 定位服务已启用，继续请求权限
		requestLocationPermission();
	}
}
module.exports = {
	checkOpenGPSService,
	mygetLocation
}

以上代码可以直接使用，获取到定位你可以自行处理定位数据，定位失败不用处理，会自己提醒，使用方法：


//引入函数
import {
		mygetLocation
	} from "@/utils/location.js"
在methods里当用户点击定位/确定定位按钮时使用
mygetLocation(
					(res) => {
						console.log('定位成功:', res);
						

						// 在这里处理成功后的逻辑
					},
					(err) => {
						console.error('定位失败:', err);
						// 在这里处理失败后的逻辑
					}
				);

耶耶耶耶耶耶耶耶！大功告成!! 俺集所有大神代码自己封装的特别全面的函数，俺真牛!!!(其实这几天才封装，私密马赛!!!

如果能帮到大家，请多多给我点赞谢谢!!!!

大家如果有其他问题欢迎一起讨论!还有什么要问的也可以问哦，好久没更文章了

雄霸天cc
关注
uniapp实现获取用户定位信息、手机号信息、蓝牙、设备、相册、相机、声音等，请你完善展示所有信息
前端-尔嵘
12-24 572
在 UniApp 中获取用户的定位信息、手机号信息、蓝牙、设备信息、相册、相机、声音等，可以通过调用相应的 API 来实现。以下是实现这一功能的详细步骤和示例代码。
uniapp中app是否开启定位，app获取地理位置，app导航
weixin_59803648的博客
08-29 1380
uniapp中app是否开启定位，app获取地理位置，app导航
uni-app微信小程序uni.getLocation获取位置；authorize scope.userLocation需要在app.json中声明permission；小程序用户拒绝授权后重新授权
热门推荐
i_am_a_div的博客
09-16 2万+
需求：点击按钮获取当前微信位置，以及点击拒绝授权后，下次点击还可以拉起授权窗口； 拒绝授权后重新拉起授权操作： 直接授权操作： 一、问题1：报authorize scope.userLocation需要在app.json中声明permission字段； 原因：因为微信小程序从2019年1月14日起新提交发布的版本若未填写地理位置用途说明，则将无法正常调用地理位置相关接口； 解决办法： 在manifest.json文件中，mp-weixin属性下配置permission获取地理位置的权限 代码如下：
uniapp中地址授权
在无知中学习，在学习中成长，在成长中学习
06-11 946
uniapp中地址授权 /**判断是否授权 */ getSettingFun: function() { let that = this; //先通过 uni.getSetting 先查询一下用户是否授权了 "scope.userLocation" 这个 scope，也可直接调用uni.authorize请求授权； uni.getSetting({ success: function(res) { // res.auth
uni-app中获取定位方法 uni.getLocation ,当用户拒绝app授权或者系统GPS定位没有开启时,引导用户跳转到设置页面
最新发布
siguangsong的博客
03-28 769
点击 去设置 跳转到app权限设置页面。
uniapp 获取手机定位权限及禁止拒绝后跳转设置页面
Be myself
02-10 7920
uniapp 获取手机定位权限及禁止拒绝后跳转设置页面；uniapp提示用户开启定位；
uniapp获取定位权限
weixin_59156449的博客
01-30 2490
App定位权限判断
uniapp获取当前位置及检测授权状态
Smile_ping的博客
04-26 4302
uniapp App端获取当前位置、检测当前定位是否授权，并给予弹窗提示用户；
uniapp小程序获取位置权限（不允许拒绝）
qq_44473483的博客
03-06 2969
小程序上如果需要一些定位功能，那么我们需要提前获取定位权限。我们页面的所有功能后续都需要在用户同意的前提下进行，所以一旦用户点了拒绝，我们应该给予提示，并让用于修改为允许。方法，然后走获取权限的逻辑。如果用户点击拒绝则会弹出提醒，用户点击确定按钮后会跳到权限设置页面进行重新设置。无论他选择了允许还是不允许，重新回到页面都会重新执行。上面方法，是在vue3 + ts的环境执行的。方法进行权限获取，如果你之前拒绝过该权限，则直接走。进行权限提示，并且在确定按钮绑定。方法重新进行权限设置。方法，再次进行判断。
uniapp获取当前位置及检测授权状态——支持App、微信小程序
Smile_ping的博客
05-12 3087
uniapp如何获取当前位置、检测当前App授权定位状态？为你分享支持App端、微信小程序获取位置方法，仅你参考~
uniapp 定位权限判断、获得 逆地址解析（坐标位置描述）
Jing的博客
10-16 706
【代码】uniapp 定位权限判断、获得 逆地址解析（坐标位置描述）
uniapp真机调试获取手机定位权限打开定位
09-12
要在uniapp中进行真机调试并获取手机定位权限，你可以按照以下步骤进行操作： 1. 确保在manifest文件中的模块配置中勾选了Maps模块，即选择了高德或百度地图。 2. 在高德开放平台上申请一个应用的key，你可以在...
uniapp-html5plus-移动端权限判断
07-24
预览：https://img-blog.csdnimg.cn/69c9ac4e08e64e58b9694e0d10644fea.png 说明：uniapp移动端不同系统权限，判断是否开启对应权限 1、相机权限 2、相册权限 3、定位权限 4、通讯录权限 5、打电话权限
uniapp 获取定位权限及问题解决
Ann_52547的博客
08-22 4640
uniapp 获取定位权限及问题解决
Uniapp 获取定位详解：从申请Key到实现定位功能
李赛赛的专栏
02-13 3179
💎在移动应用开发中，获取用户的地理位置是一个常见的需求。Uniapp作为一个跨平台开发框架，提供了便捷的定位功能。本文将详细介绍如何在Uniapp中获取用户的地理位置，包括如何申请定位所需的Key，以及如何在代码中实现定位功能。本文详细介绍了如何在Uniapp中获取用户的地理位置，包括如何申请高德地图的Key，如何在Uniapp中配置定位功能，以及如何通过代码实现定位功能。希望这篇文章能帮助你在Uniapp开发中顺利实现定位功能。如果你在开发过程中遇到任何问题，欢迎在评论区留言，我会尽力解答。
uniapp APP端 定位未授权 去手机设置里开启定位
weixin_46262596的博客
08-03 3362
3、创建openSettings文件。getLocation（）获取地址。2、创建location文件。
UniApp 实现获取地图定位
qq_35309973的博客
02-23 2581
通过以上步骤，你可以在 UniApp 中实现基本的地图定位功能。当然，实际开发中可能还会涉及更多的细节和优化，比如使用地图标记、路径规划等功能。但希望本文能为你提供一个清晰的入门指引，让你能够快速上手 UniApp 的定位功能。记得测试不同的设备和环境，以确保最佳的用户体验。
小程序地理位置权限申请+uniapp调用uni.getLocation
weixin_44589540的博客
04-12 3064
当前业务涉及员工签到功能，需校验签到位置是否在规定范围内，判断当前能否签到成功，完成在线办公业务场景闭环。即可点击想要申请权限的接口相应的开通按钮填写申请信息（图为我已经申请通过wx.getLocation）（在别的帖子看到要选好图片，不能一眼看出来是在测试环境，而是正常使用的生产环境）我在这里填写的就是图上这两项，根据实际需求填写。提交之后大概5分钟以内就审核通过了，没有提醒，需要自己刷新页面查看。点击左侧导航栏找到最后的“设置”——“基本设置”——“前往填写”此外，需要在uniapp项目的。
uniapp 权限动态获取
u011520533的博客
03-07 1463
ｕｎｉａｐｐ　　动态权限申请　
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值