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

这是正常的效果,之前一直出现贵州等地点的信息,查看控制台的网络后,发现腾讯的定位失败,要么就是定位时间过长,要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><br><br>随后在JS里面添加 相关代码 <br>
复制代码- window.addEventListener('message', function(event) {
- // 接收位置信息 你的其他操作
- var loc = event.data;
- console.log('location', loc);
- }, false);
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |