Echarts地图中移动或缩放事件后下钻地图,地图漂移到容器外简单解决办法

刘听风 66 2023-05-19

问题原因:移动或缩放地图后,地图中心点位改变,然后下钻重新生成地图后,中心点位改变所以地图漂移。

解决方法:下钻重新生成地图后,把中心点位还原就行。

如果以地图外容器控制地图位置,那么在第一次生成地图时候给goe配置:

 geo: {
      type: 'map',
      map: 'china', 
      zoom: 1, // 初始化的缩放比例
      center: undefined,  // 地图的中心点 

在下钻地图时候,再将geo> center配置还手动设置为undefined

echarts geo配置中的center是地图的中心点坐标,通常是一个数组

设置center: undefined地图就能复原的原理:默认以鼠标点击位置作为geo配置center的经纬度