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

在使用 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-BVB4A' //这里填写自己申请的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;

相关文章:

  • MySQL中类似PostgreSQL中的string_agg函数--GROUP_CONCAT函数的使用
  • Go 语言调用 SiliconFlow 的 Deepseek AI Janus-Pro-7B 模型进行图像生成
  • 路由过滤方法与常用工具
  • 前端开发工程中如何利用DeepSeek提升工作效率:实战案例与策略解析
  • 5g基站测试要求和关键点
  • windows基于cpu安装pytorch运行faster-whisper-large-v3实现语音转文字
  • 深入解析A2DP v1.4协议:蓝牙高质量音频传输的技术与实现
  • 【Java 面试 八股文】框架篇
  • Python + WhisperX:解锁语音识别的高效新姿势
  • 【C#】的WPF或是WinForm实现Ctrl+ 的快捷键组合使用
  • JAVA安全—Shiro反序列化DNS利用链CC利用链AES动态调试
  • 使用 EDOT 监测由 OpenAI 提供支持的 Python、Node.js 和 Java 应用程序
  • 自然语言处理NLP入门 -- 第二节预处理文本数据
  • c# http
  • 解释和对比“application/octet-stream“与“application/x-protobuf“
  • 普通用户授权docker使用权限
  • QTreeView笔记
  • 手动配置IP
  • idea如何使用AI编程提升效率-在IntelliJ IDEA 中安装 GitHub Copilot 插件的步骤-卓伊凡
  • ELK安装部署同步mysql数据
  • 北京:下调个人住房公积金贷款利率
  • 昆廷·斯金纳:作为“独立自主”的自由
  • 中方对中美就关税谈判的立场发生变化?外交部:中方立场没有任何改变
  • 五月A股怎么买?券商金股电子权重第一,格力电器最热
  • 86岁书画家、美术教育家、吴昌硕嫡裔曾孙吴民先离世
  • 商务部:自5月7日起对原产于印度的进口氯氰菊酯征收反倾销税