![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
百度地图
文章平均质量分 53
TianYu0-0
这个作者很懒,什么都没留下…
展开
-
百度地图处理地图缩放出现中心点偏移的bug
百度地图处理地图缩放出现中心点偏移的bug问题百度地图的未放在标准文档流中,地图缩放出现中心点偏移。出现原因百度地图加载的位置因为定位等原因,与整个html 页面产生了不同步滚动的问题。百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就是出现该问题时的状态,这个时候滚轮缩放就会产生偏移。解决方案主要是通过监听到缩放开始事件来获取缩放前的中心点经纬度,然后监听到缩放结束事件后,将地图重新位移到缩放之前的中心点处。vue代码如下:<t原创 2021-03-24 14:59:52 · 3645 阅读 · 3 评论 -
百度地图的异步加载
百度地图的异步加载异步加载目的解决方案完整代码异步加载目的因为百度地图组件是异步加载,如果在vue里的mounted生命周期里创建地图实例,会报错:BMap is not defined。所以需要解决这个问题,使用异步加载。解决方案以下解决方案全部以vue代码为例。首先在src/assets文件夹中创建一个map.js。map.js里的代码如下:export default { init: function () { console.log("初始化百度地图脚本.原创 2021-03-24 14:26:30 · 1234 阅读 · 0 评论