uni-app中uni.getLocation配置腾讯地图Key且type选gcj02报错，接口https://apis.map.qq.com/jsapi返回未授权
uni-app中uni.getLocation配置腾讯地图Key且type选gcj02报错，接口https://apis.map.qq.com/jsapi返回未授权
示例代码：
uni.getLocation({
type: 'gcj02',
success: res => {
},
fail: (err) => {
}
})
操作步骤：
- getLocation这个api入参的type为gcj02时即可复现
预期结果：
- 应正常返回结果
实际结果：
- 调用失败，返回getLocation:fail translate coordinate system fail
bug描述：
uni.getLocation 配置了腾讯地图Key，type选择gcj02 报错getLocation:fail translate coordinate system fail
查看接口调用，发现其中https://apis.map.qq.com/jsapi这个接口调用失败，返回信息为此功能未授权
完整接口地址为https://apis.map.qq.com/jsapi?qt=translate&type=1&points=xx&key=xxx&output=jsonp&pf=jsapi&ref=jsapi&cb=__callback17213882130876722463906432088
其中key和经纬度已被我替换为xxx
相关链接：
Web平台，含uni-app和uni-app x，使用腾讯定位和地图时，uni.getLocation、uni.chooseLocation、uni.onLocationChange
这3个API之前调用了腾讯地图的gcj02坐标免费转换接口，该接口从2024年7月18日起被腾讯逐步下线，导致老版本中本API无法使用。请立即升级到 uni-app 4.24版。
升级后仍然失败的同学看这里：
如果是cli，需要配套升级cli
manifest中配置好自己的地图厂商key。注意是web。
确保在地图厂商那里配额足够
确保在地图厂商那里有周边服务的权限。否则无法获取周围地址
web平台确保自己的域名在地图厂商那里正确配置了域名白名单
地图厂商的商业授权较贵，如需购买，请点击获取优惠。
如果你的网站只在微信浏览器里运行，可以使用微信的jssdk的定位能力。这个是微信向腾讯地图申请的key，开发者无需配置自己的key。
同时DCloud已经在排查所有涉及到线上接口调用的代码，防止还有其他隐患发生。
以下为过期内容
目前可用的临时处理方案，包括：
改用wgs84坐标，如需转换gcj02，自行调用任意一家地图厂商的服务器接口进行转换
如果在微信浏览器中，可使用微信的jssdk获取定位坐标
更新uni-app补丁
将如下附件压缩包中的JS文件以任何方式引入uni-app WEB项目，源码或者编译后的文件均可。
app相关问题，另见这个帖子：https://ask.dcloud.net.cn/question/195066
回复 DCloud_UNI_GSQ: 我还要补充下，uni.getLocation，uni.chooseLocation这两个就算换成腾讯的84，微信浏览器一样不行，
回复 mengdodo: 这是h5/web使用的方式，app的方案参考：https://ask.dcloud.net.cn/question/195066
import ‘@/util/location-qqmap-fix.js’;在有用到页面这么引入没错吧。早上还可以用。现在uni. chooseLocation报错：TypeError: Cannot read properties of undefined (reading ‘length’)
回复 DCloud_UNI_yuhe:h5版本uni. chooseLocation 微信开发者没有问题 打包到线上 不能定位 搜索地址列表响应慢 文件引入了 还是没有变化 求助大佬啊
大佬们 ，我这边web项目配置了 腾讯地图 key ；使用chooseLocation api 依然报错： getLocation:fail translate coordinate system fail；
回复 DCloud_UNI_yuhe:app在苹果16上运行，会报没有uni-getLocation-tencent-uni1 模块不存在，我用的是高德并不使用腾讯，用的还是云打包，有什么解决方案吗？
h5端调用uni.chooselocation报’getLocation:fail translate coordinate system fail’，在网络里面看报错消息是"status": 111,
“message”: “签名验证失败”, 我申请key的时候有设置签名sig。请问要怎么解决。
你好，uni.chooseLocation选择地图没有显示地址列表，地图也是每次都是固定在天安门，调用api报错了这个解决了么，有偿能不能帮小弟解决一下,qq1446316759
回复 DCloud_UNI_yuhe: 早上还可以，现在又不行了。报错：TypeError: Cannot read properties of undefined (reading ‘length’)
引入方式：
1、从main.js中引入：
import “./location-qqmap-fix.js”
2、在打包后的html文件中引入(unpackage)：
<script src="./location-qqmap-fix.js"></script>import ‘@/utils/location-qqmap-fix.js’; //获取定位 async getLocation() { uni.showLoading({ title: ‘正在获取位置’}); uni.getLocation({ type: ‘wgs84’, success: (res) => { this.location=res; uni.hideLoading(); }, fail: function (res) { uni.hideLoading(); } }); }
<map style="width: 100%; height: 300px;" :latitude="location.latitude" :longitude="location.longitude" :markers="[{latitude: this.location.latitude,longitude: this.location.longitude,iconPath: '../../../static/location.png'}]"></map>
回复 DCloud_UNI_yuhe: 我看了你发的代码，是调用腾讯的标准GPS坐标系批量转换到腾讯地图坐标系。我调用时也是使用的wgs84，但转出来的位置就有偏差
function wgs84ToGcj02(lat, lng) { const a = 6378245.0; const ee = 0.00669342162296594323; const transformLat = function(wgsLat, wgsLng) { let ret = -100.0 + 2.0 wgsLat + 3.0 ee Math.sin(wgsLat Math.PI / 180) + 0.2 Math.sin(2 wgsLat Math.PI / 180); ret += 0.00002 Math.sin(wgsLat Math.PI / 180) Math.sin(wgsLat Math.PI / 180); ret += (20.0 Math.sin(6.0 wgsLat Math.PI / 180) Math.sin(6.0 wgsLat Math.PI / 180)) / 3.0; ret += (20.0 Math.sin(2.0 wgsLat Math.PI / 180) Math.sin(2.0 wgsLat Math.PI / 180)) / 15.0; ret += (160.0 Math.sin(wgsLat Math.PI / 180) Math.sin(wgsLat Math.PI / 180)) / 3.0 Math.sin(wgsLat Math.PI / 180); ret += (320 Math.sin(wgsLat Math.PI / 180) Math.sin(wgsLat Math.PI / 180)) / 15.0 Math.sin(2 wgsLat Math.PI / 180); return ret; };
const transformLng = function(wgsLat, wgsLng) { let ret = 300.0 + wgsLng + 2.0 Math.sin(wgsLng Math.PI / 180) + 3.0 ee Math.cos(wgsLat Math.PI / 180) Math.sin(wgsLng Math.PI / 180); ret += 0.00002 Math.cos(wgsLat Math.PI / 180) Math.sin(wgsLng Math.PI / 180); ret += (20.0 Math.sin(6.0 wgsLng Math.PI / 180) Math.sin(wgsLat Math.PI / 180)) / 3.0; ret += (20.0 Math.sin(2.0 wgsLng Math.PI / 180) Math.sin(wgsLat Math.PI / 180)) / 15.0; ret += (150.0 Math.sin(wgsLng Math.PI / 180) Math.sin(wgsLng Math.PI / 180)) / 3.0; ret += (300.0 Math.sin(wgsLng Math.PI / 180) Math.sin(wgsLng Math.PI / 180) Math.cos(wgsLat * Math.PI / 180)) / 15.0; return ret; };
const wgsLat = lat; const wgsLng = lng; const lats = transformLat(wgsLat, wgsLng); const lngs = transformLng(wgsLat, wgsLng);
你好 更新到最新版本 使用uni.getLocation , type: ‘gcj02’ , Web配置也配了地图key , 还是报 errMsg: “getLocation:fail translate coordinate system fail”
回复 DCloud_UNI_yuhe: 按你上面的要求 都检查了 ， 使用uni.getLocation , type: ‘gcj02’ ，之前是在edge 浏览器测试的 是会报 errMsg: “getLocation:fail translate coordinate system fail” ， 后面 在 微信浏览器上测试 就不会报错了， 但位置不准确， 请教一下 这问题 有什么好的解决方案 ，谢谢
回复 DCloud_UNI_GSQ: 浏览器网络请求没看到有报错的 控制台 报 VM8040:1 [system] {errMsg: ‘getLocation:fail translate coordinate system fail’} 然后 使用 uni.getLocation 控制台 打印 走的是 fail: (res) =>{} 报{errMsg: ‘getLocation:fail translate coordinate system fail’}
回复 DCloud_UNI_GSQ: 之前均可用，本次问题发生时获取高精度坐标场景皆不可用，手机微信h5，网页端均无法使用，navigator.geolocation也无法获取定位，会一直卡住
回复 1***@qq.com: 如果navigator.geolocation都不可用，说明与此次坐标转换接口无关，navigator.geolocation是浏览器提供的，如果navigator.geolocation都卡住了，就执行不到后面坐标转换的流程。
各位H5的DCloud管理员们，目前最新版本更新没有解决微信公众号H5的uni.chooseLocation方法获取地理位置还是为空的，麻烦大佬们看一下哈，谢谢了
回复 DCloud_UNI_yuhe: 在manifest.json里面设置过了，“sdkConfigs” : { “maps” : { “qqmap” : { “key” : “我的key” } } }
回复 DCloud_UNI_GSQ: 问题有些项目是不注册微信平台，不做公众号、小程序的，没有AppID，怎么用微信的jssdk呢，是用户习惯直接在微信里点开H5的链接，我们没法强制要求客户不用微信浏览器，还有H5的uni.chooseLocation在微信浏览器都是正常的，就这次腾讯地图更新影响了；就算你们发布4.24了也还是打不开，你们有测试吗？
我觉得你们先自己测试一下，用uniapp生成h5模式在微信里面打开，uni.chooseLocation无法定位了，腾讯那边的技术人员说，原来的v2接口下架了，你们需要重新更新一下api接口
回复 纵横四海: 回复 DCloud_UNI_yuhe: 从19号开始调用uni.chooseLocation这个方法就出现{errMsg: “getLocation:fail translate coordinate system fail”}，经纬度为空
uni.chooseLocation，ios目前问题依旧，只能选择位置。还会报错
21:02:31.770 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:31.771 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:31.771 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:31.772 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:31.772 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:32.799 TypeError: undefined is not an object (evaluating ‘e.name’) ERROR
21:02:32.800 TypeError: undefined is not an object (evaluating ‘e.name’) __ERROR
关键点：
hbuilderx 升级到4.24
腾讯地图后台的配置管理 -> 账户额度都要配（刚开始只配了ip定位和第二页的周边推荐（explore），发现没有用，然后首页配满了和第二页的第一个和周边推荐就好了，咱也不知道到底要配哪几个，哈哈哈）
我想问下哈，微信公众号网页里使用chooseLocation添加地址，安卓上初始化会弹窗定位弹窗然后定位成功然后下面地址列表展示周围地址信息，但是在ios机型上，有时候会弹窗地址权限，有时候会不弹，大部分情况会不弹，然后导致地图展示位置在北京，然后下面地址列表为空，这个问题是不是uniapp自带的chooseLocation未触发到公众号的定位权限，望官方解惑或排查下问题
用的是高德地图，web配置里也进行了地图key和安全密钥也配了，公众号里 ios定位权限弹窗没出来的话就是这样的一个情况，弹窗出来的话是定位成功并展示周边地址列表信息的，但是大部分情况不会弹窗不清楚为什么
回复 DCloud_UNI_yuhe: 未点过拒绝，进入首页的时候会走微信定位获取当前位置展示都是允许的，但是我新增收货地址那里选择地址打开，ios并未弹出是否允许定位的弹窗，安卓手机是不会弹但是是正常的，能获取当前位置并展示周边位置信息，ios展示的是北京且底下没有周边位置信息展示是空白的，拖动才有周边位置信息展示出来，但是是北京的，但是ios偶尔（十次有一俩次）会弹出允许定位的弹窗点击允许然后位置是对的，底下列表也是正常的展示周边位置信息，不清楚为啥
回复 DCloud_UNI_yuhe: 是的，不传的话ios不出现定位授权弹窗然后地图位置展示不对，底下列表也没任何信息，建议还是看下这个问题给改下，不然如果遇到其他地方没定位的直接使用这个方法进入，ios会出现那种在北京，底下空白的情况
回复 DCloud_UNI_yuhe: 拖动才有周边位置信息展示出来，但是是北京的位置，地址都空白的，所以这问题一直是存在的，所以你们麻烦检查一下，重新发一个版本的，大家都是存在问题的，不然也不会来反馈问题啊
回复 DCloud_UNI_yuhe: 希望官方解决下这个问题，几个项目都出现这个情况了，目前是把已经定位后的经纬度传过去了，地图位置展示当前的位置并底下列表有展示，如果不传多项目都出现地图展示位置在北京，底下列表为空，拖拽地图后才能展示列表的问题
chunk-vendors.js:44619 [Vue warn]: Error in mounted hook: “TypeError: (t.OverlayView || t.Overlay) is not a constructor”
h5使用uni.chooseLocation 报这个错 一直转圈圈 配的腾讯地图的key 配额 白名单都没问题
回复 DCloud_UNI_yuhe: 我发了好几次，h5使用uni.chooseLocation一直报错，出现{errMsg: “getLocation:fail translate coordinate system fail”}，经纬度为空， 配的腾讯地图的key 配额 白名单都没问题
回复 9***@qq.com: 地图配额都配置了吗？是这样的，一开始定位是会使用精准定位，这样获取的定位比较准确。如果说你的精准定位失效，会自动使用ip定位，这个定位精度就差一点。你这种情况一般就是精准定位失效
现在升级到4.24以后，调用腾讯地图的 配置好了key和白名单 调用getlocation还是getLocation:fail translate coordinate system fail错误
回复 DCloud_UNI_yuhe: web 腾讯地图 调用uni.getlocation 返回errMsg: “getLocation:fail translate coordinate system fail”
4.24，配置的web 高德地图，uni.chooseLocation时报getLocation:fail translate coordinate system fail错误
回复 DCloud_UNI_yuhe: web和ios和android都是不同的key，刚刚发现android这边chooseLocation能定位但是无法加载出周边地址列表
回复 DCloud_UNI_yuhe: ios这边也无法加载出周边列表，报错信息：TypeError: undefined is not an object (evaluating ‘this.$refs.nearListLoadmore.resetLoadmore’) __ERROR
在uni-app中使用腾讯地图的地理位置服务时，确保正确配置和使用API Key是非常重要的。你提到的报错“未授权”通常意味着API Key配置不正确或者请求参数不符合要求。下面是一个基本的配置和使用腾讯地图API的代码示例，你可以根据这个示例检查你的代码。
首先，确保你已经在腾讯地图开发者平台申请了正确的API Key，并且该Key对应的应用有权限访问相关的API。
1. 配置uni-app项目
在manifest.json中配置腾讯地图的API Key（注意，这里假设uni-app直接支持配置，实际上可能需要在腾讯地图SDK初始化时传入Key）。不过，通常uni-app使用地图服务是通过插件或直接在JS SDK中传入Key。
2. 使用腾讯地图JS SDK
由于uni-app支持在页面中直接引入和使用JavaScript SDK，你可以尝试以下步骤：
步骤1: 在页面中引入腾讯地图JS SDK
在你的页面<script>标签内，动态加载腾讯地图的JS SDK，并传入你的API Key：
<script>
export default {
onLoad() {
const script = document.createElement('script');
script.src = `https://map.qq.com/api/gljs?v=1.exp&key=YOUR_API_KEY`; // 替换YOUR_API_KEY
script.onload = () => {
this.initMap();
};
document.head.appendChild(script);
},
methods: {
initMap() {
// 初始化地图，这里假设使用gcj02坐标系
const map = new TMap.Map(document.getElementById('mapContainer'), {
center: new TMap.LatLng(39.984120, 116.307484), // 默认中心点
zoom: 14, // 默认缩放级别
mapStyleId: 'style_default', // 默认地图样式
});
// 获取当前位置
const geolocation = new TMap.Geolocation({
getAddress: true, // 是否返回地址信息
});
geolocation.getCurrentPosition((data) => {
console.log(data);
if (data.status === 0) {
// 成功获取位置
map.setCenter(data.position);
} else {
// 定位失败
console.error(data.message);
}
});
},
},
};
</script>
步骤2: 在页面中添加地图容器
确保你的页面HTML中有一个用于显示地图的容器：
<template>
<view>
<div id="mapContainer" style="width: 100%; height: 500px;"></div>
</view>
</template>
注意
- 确保你的API Key没有过期，且对应的应用有权限访问腾讯地图的API。
- 检查你的网络请求是否被防火墙或代理服务器拦截。
- 如果你是在小程序中使用腾讯地图，配置和使用方式会有所不同，需要参考uni-app官方文档和腾讯地图小程序SDK文档。
以上代码示例提供了一个基本的框架，你可以根据需要进行调整。
