关于腾讯地图geolocation.getLocation 经常定位失败,定位时间过长的解决方法

发布时间 2024-01-05 16:18:44作者: G_L。

今天遇到个项目,腾讯地图定位出现问题,导致地图无法呈现出最近的目标

 这是正常的效果,之前一直出现贵州等地点的信息,查看控制台的网络后,发现腾讯的定位失败,要么就是定位时间过长,要20S左右,但是换EDGE浏览器却能正常加载,

除了EDGE浏览器都会出现这个问题。随后我去查阅腾讯地图接口的信息,找到前端定位组件,发现有一个函数可以根据IP查询“getIpLocation”,但是一番调试之后还是会出现定位失败的情况,

就在苦思又想的情况下,我就想为什么就执着于这个调用方式,不行就只能使用其他的调用方法。

通过内嵌一个隐藏iframe的方式调用该组件,前端定位组件在获取到用户的精准位置信息后。

<iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"
    src="https://apis.map.qq.com/tools/geolocation?key=your key&referer=myapp">
</iframe>

随后在JS里面添加 相关代码
window.addEventListener('message', function(event) {
    // 接收位置信息 你的其他操作
    var loc = event.data;
    console.log('location', loc);
}, false);
换了这种方式之后确实可以定位成功