uniapp频繁调取经纬度地理位置

最新推荐文章于 2024-06-29 09:14:21 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2024-06-29 09:14:21 发布

阅读量614

点赞数 1

分类专栏： uniapp vue 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/Guoyu1_/article/details/125222637

版权

本文介绍了在uniapp中如何实现频繁调取用户经纬度地理位置的方法，讲解了相关API的使用，以及在前端开发中遇到的问题和解决方案，适用于Vue.js和JavaScript开发者。

摘要由CSDN通过智能技术生成

//这个函数是一开始点击事件触发的：
export const authorization = async () => {
	try {
		return await getWxLocation() //等待

	} catch (error) {
		wx.showModal({
			title: '温馨提示',
			content: '获取权限失败，需要获取您的地理位置才能为您提供更好的服务！是否授权获取地理位置？',
			success: function(res) {
				if (res.confirm) { //这里是点击了确定以后
					console.log('用户点击确定')
					toSetting()
				} else { //这里是点击了取消以后
					console.log('用户点击取消')
				}
			}
		})

		return
	}
}

const getWxLocation = () => {
	wx.showLoading({
		title: '定位中...',
		mask: true,
	})
	return new Promise((resolve, reject) => {
		let _locationChangeFn = (res) => {
			console.log('location change', res)
			resolve(res)
			wx.hideLoading()
			wx.offLocationChange(_locationChangeFn)
		}
		wx.startLocationUpdate({
			type: 'gcj02',
			success: (res) => {
				console.log(11,res);
				wx.onLocationChange(_locationChangeFn