【解决方法】Echarts开启roam缩放和平移发生偏移

🔎嘿，这里是慰慰👩🏻‍🎓，会发各种类型的文章，智能专业，从事前端🐾
🎉如果有帮助的话，就点个赞叭，让我开心一下！🙋🏻‍♀️ ✨也可以关注评论收藏私信⭐️
要是没有回呢，那我大概就在上班，学习，摸鱼…

在使用 ECharts 进行地图可视化时，开启缩放和拖动功能后，有时会出现中心点偏移的问题。这通常是由于 ECharts 在处理地图缩放和拖动时，对中心点的计算方式导致的。为了解决这个问题，可以通过设置 option.geo.center 为 undefined 来让 ECharts 自动调整中心点，以适应地图的缩放和拖动。

具体操作时，可以在 ECharts 的配置项中找到 geo 组件，并设置其 center 属性为 undefined，如下所示：

option = {
  geo: {
    center: undefined, // 设置中心点为 undefined
  },
};

这样设置后，当进行地图的缩放和拖动操作时，ECharts 会根据当前的缩放级别和用户的拖动操作自动调整中心点，从而减少或避免中心点偏移的问题。

此外，还可以通过监听缩放和拖动事件，然后根据当前的缩放级别和拖动距离来手动调整中心点，以达到更好的视觉效果。但这种方法需要更复杂的逻辑处理，一般适用于对地图展示有特殊需求的场景。

需要注意的是，设置 center 为 undefined 仅是解决中心点偏移问题的一种方法，具体的解决方案还需要根据实际的数据和需求来调整。如果问题依然存在，建议查看 ECharts 的官方文档或社区论坛，寻找更具体的解决方案。