eCharts 3 - 放大地理地图 onclick

Question

有谁知道如何单击一个国家/地区，然后在 2D 地理世界地图中放大该国家/地区？

我正在使用 eCharts 3 中提供的世界 2D 地图。所以我的选项如下所示：

geo: {
      name: '2D Global Map',
      type: 'map',
      map: 'world',
      roam: true,
      label: {
          emphasis: {
              show: false
          }
      },
...

这是我到目前为止所拥有的。当我单击时，它会直接放大到 4，而不是我单击的位置。

myChart.on('click', function (params) {
  myChart.setOption({
    geo: {
        zoom: 4
      }
  });
});
    myChart.setOption(option);

我试图找到放大 x 和 y 偏移的方法，但这不起作用。

我也尝试先像这样将地图居中，但您需要将地图在数组中居中的位置的纬度和经度。该地图使用 JSON 作为坐标，我可以看到它们，但无法将它们拉入数组。

myChart.on('click', function (params) {
  myChart.setOption({
    geo: {
        center: [(need to get lat/long of where clicked)],
        zoom: 4
      }
  });
});
    myChart.setOption(option);

关于如何做到这一点有什么想法吗？

Answer 1

为了防止其他人遇到同样的问题，我能够以这种方式解决它：

myChart.on('click', function(params) {
            if (params.data) {
                myChart.setOption({
                    geo: {
                        center: params.data.value,
                        zoom: 6
                    }
                });
              } else {
                myChart.setOption({
                    geo: {
                        center: [0,0],
                        zoom: 1
                    }
                });
              }
            myChart.setOption(option);
        });

它并没有完全解决我希望能够放大任何国家/地区的问题，但它确实解决了我可以放大一个国家/地区内的数据点的问题。

如果其他人对如何进行国家/地区部分有建议，请告诉我。