eCharts 3-在点击时放大地理地图

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);
        });

它不能完全解决我希望能够放大任何国家/地区的问题，但是确实可以解决国家/地区中的数据点这一问题。

如果有人对如何处理国家/地区提出建议，请告诉我。