baidu-map加上滚轮缩放后偏离中心点

百度地图在使用滚轮缩放时可能会导致地图中心点偏移的。这个问题是于百度地图默认位是取浏览器文档对象scrollTop=0的位置，并以body中心为中点。如果页面或弹窗中出现滚动条，地图的中心位置实际上是有偏移的，偏移的距离就是滚动条滚动的距离。因此，在缩放时会出现中心点偏移的情况。为了解决这个问题，可以采取以下几种方法：

1.禁止滚轮缩放并添加缩放控件。禁止鼠标滚轮缩放可以通过调用`disableScrollWheelZoom()`方法实现。同时，可以添加百度地图的缩放控件和平移缩放控件，以便用户可以手动控制地图的缩放效果。

2.调节滚动条位置。在弹窗打开时，检查滚动条位置是否在最顶部，如果不在的话，调整到最顶部。然后在弹窗关闭时，恢复到最初的位置。这样可以确保地图加载时滚动条处于正确的位置，避免中心点偏移的问题。

另外，还可以处理缩放事件。可以在缩放开始和缩放结束时分别记录和恢复地图的中心点经度和纬度，以确保缩放后地图仍然以正确的中心点为中心显示。

综上所述，以上方法可以解决百度地图滚轮缩放后偏离中心点的问题。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [百度地图-鼠标滚轮缩放导致地图中心点偏移问题](https://blog.csdn.net/zengdaping/article/details/123472305)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *2* [百度地图处理地图缩放出现中心点偏移的bug](https://blog.csdn.net/tianyu0_0/article/details/115176475)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *3* [百度地图缩放中心点偏移问题](https://blog.csdn.net/qq_37295317/article/details/124755636)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]