记录：关于vite-vue3-Openlayers数据可视化大屏渲染地图时，scale导致点的位置偏移

1.问题

        浅浅记录一下，关于最近的一个可视化大屏使用scale适应屏幕时，在渲染地图时出现了一下bug：点的位置与弹出窗的位置偏移到较大。如下图：

2.解决过程

        通过排查，是页面设置的全局缩放设置的scale导致了渲染地图canvas的样式变化了，从而使地图页面渲染点的位置偏移。
3.解决办法

        将渲染地图的div标签添加vpStyle样式，并给map下的canvas标签设置宽高。

        

灵魂思路引路人：解决canvas缩放后鼠标定位偏移_天地图 浏览器缩放后鼠标位置错误-优快云博客