当前位置: 首页 > article >正文

在使用 uni.getLocation 步骤和一些坑

1.使用前需要去微信小程序申请开通wx.getLocation 获取当前位置的api  (不申请上线之后会使用不了),申报资料的话我让ai帮我写的,说一下使用场景弄几张图片就可以了

地址  :  小程序

2.第二个需要配置域名

具体申请腾讯地图的方法参考 :uniapp开发小程序获取定位信息(腾讯地图)_uniapp 定位-CSDN博客

其他资料网上都有的,说一下我遇见的问题,uni.getLocation  微信小程序上线之后只有苹果手机可以使用,安卓手机获取不到位置,然后也没有进 success  fail, 就挺奇怪的,在网上找了一些方法都不是,还是没有解决。

最后没办法只能换个方法实现了,准备使用 wx.chooseLocation的时候才发现原来是点击的时候没有生效,并不是uni.getLocation不行,后面将图标的权重加大就可以了,但是不知道为什么苹果手机可以安卓不行,知道的可以解答一下

代码参考:

//获取地理位置
import QQMapWX from "@/utils/qqmap-wx-jssdk.js"
const getLocationInfo = {

	data() {
		return {
			showLocation: false
		};
	},
	methods: {
		// 获取腾讯地图位置
		async getLocationInfo() {
			return new Promise((resolve) => {
				let location = {
					longitude: 0,
					latitude: 0,
					province: "",
					city: "",
					area: "",
					street: "",
					showLocation: true,
					address: "",
					formatted_addresses: ""
				};
				// 使用uni.getLocation获取经纬度
				uni.getLocation({
					type: "gcj02",
					isHighAccuracy: false,
					success(res) {
						location.longitude = res.longitude;
						location.latitude = res.latitude;
						// 创建实例
						const qqmapsdk = new QQMapWX({
							key: 'MPEBZ-BQR6Z-VLIXI-ZGIFB-Z5UZ6-BVB99' //这里填写自己申请的key
						});
						// 使用腾讯的逆地址解析
						qqmapsdk.reverseGeocoder({
							location,
							success(response) {
								console.log("成功!", response.result)
							
								let info = response.result;
								console.log(info);
								location.province = info.address_component.province;
								location.city = info.address_component.city;
								location.area = info.address_component.district;
								location.street = info.address_component.street;
								location.address = info.address;
								location.formatted_addresses = info.formatted_addresses
									.standard_address;
								
								resolve(location);
							},
						});
					},
					fail(err) {
						console.log(err)
						uni.showToast({
							title: '获取位置失败,请重试',
							icon: 'none'
						});
						resolve(location);
						
					},
				});
			});
		}

	}
};

export default getLocationInfo;


http://www.kler.cn/a/549394.html

相关文章:

  • Django简介
  • RedisTimeSeries
  • vscode本地和远程对应分支没有同步提交数量
  • 深度学习实战道路裂缝缺陷识别
  • 【大模型】DeepSeek 高级提示词技巧使用详解
  • LeetCodeHot100(普通数组和矩阵篇)
  • 计算机网络知识速记 :HTTP多个TCP连接的实现方式
  • 大语言模型评判者是什么,有什么应用领域
  • 【数据采集】基于Selenium爬取猫眼Top100电影信息
  • Tetragon:一款基于eBPF的运行时环境安全监控工具
  • 【机器学习】线性回归 线性回归模型的损失函数 MSE RMSE MAE R方
  • 【Elasticsearch】multi_match查询
  • 【微服务学习四】gateway网关的使用
  • 切换git仓库远程地址
  • SaaS 平台开发要点
  • 如何在Servlet容器中使用HttpServletResponse?
  • 【Three.js】JS 3D library(一个月进化史)
  • 根据deepseek模型微调训练自动驾驶模型及数据集的思路
  • 【学习笔记】深度学习网络-深度模型中的优化
  • 【Oracle专栏】客户端expdp 实验验证