vue-baidu-map 当父元素设置overflow,并有滚动条时,滚轮缩放地图中心点有偏移

进日在使用百度地图的时候发现一个问题,当父元素有滚动条的时候,滚轮缩放百度地图鼠标滚轮中心会有偏移。不是中心点。但是整体页面(浏览器)有滚动条的时候就没有这种情况。
类似下方这种情况!
vue-baidu-map 当父元素设置overflow,并有滚动条时,滚轮缩放地图中心点有偏移_第1张图片
vue-baidu-map 当父元素设置overflow,并有滚动条时,滚轮缩放地图中心点有偏移_第2张图片
再查阅一番资料后,得知百度地图的缩放是基于body层的,如果body层有滚动条,并且不在最顶端,在当前位置插入了百度地图,也就是出现该问题时的状态,这个时候滚轮缩放就会产生偏移。

但是,目前的情况是父元素出现了滚动条,当初始加载地图没有完全展现在视野中的时候,会出现滚动条。

如果初始加载地图出现在视野中在(最顶端),缩放的时候就不会出现偏移

经历各种方法最后还是没有解决…
最中还是使用了双击缩放代替滚轮缩放…
不知道小伙伴们有什么解决办法呢

你可能感兴趣的:(地图)