echarts 多个 geo 实现缩放拖拽同步

ECharts是一个流行的JavaScript可视化库，用于创建交互式图表。当你需要在同一页面上展示多个地理区域（Geo）图表并保持它们之间的缩放和拖拽操作同步时，可以采用以下方法：

1. 使用同一个`echarts实例`：确保所有你需要同步的Geo组件都来自同一个ECharts实例。这将允许你在初始化时设置统一的行为。

var myChart = echarts.init(document.getElementById('container'));

// 初始化第一个Geo图表
myChart.setOption({
  series: [{
    type: 'map',
    mapType: 'world'
  }]
});

// 初始化其他Geo图表，只需指定地图类型即可
myChart.setOption({
  series: [{
    type: 'map',
    mapType: 'china'
  }, {
    type: 'map',
    mapType: 'usa'
  }]
}, true); // 第二个选项true表示合并配置项到已有实例

2. 设置全局配置：通过`myChart.setOption`传递一个包含全局地图配置的对象，包括缩放级别、中心点等属性。

myChart.setOption({
  zoom: 1.5, // 全局缩放比例
  center: [0, 0], // 全局中心位置
  series: [
    // ... 各个Geo系列配置
  ]
});

3. 避免冲突：如果图表有自定义事件监听，记得清理旧的事件处理程序，防止因多次初始化而产生的冲突。

myChart.dispose(); // 当不再需要某个图表时，使用dispose()释放资源