首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >eCharts 3-缩放地理地图onclick

eCharts 3-缩放地理地图onclick
EN

Stack Overflow用户
提问于 2017-11-30 07:08:49
回答 0查看 1.7K关注 0票数 2

有人知道如何点击一个国家,然后让它在2D地理世界地图上放大那个国家/地区吗?

我使用的是eCharts 3中提供的世界2D地图,所以我的选项如下所示:

代码语言:javascript
运行
复制
geo: {
      name: '2D Global Map',
      type: 'map',
      map: 'world',
      roam: true,
      label: {
          emphasis: {
              show: false
          }
      },
...

这就是我到目前为止所拥有的。当我点击它时,它只是直接放大到4,而不是我点击的地方。

代码语言:javascript
运行
复制
myChart.on('click', function (params) {
  myChart.setOption({
    geo: {
        zoom: 4
      }
  });
});
    myChart.setOption(option);

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

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

代码语言:javascript
运行
复制
myChart.on('click', function (params) {
  myChart.setOption({
    geo: {
        center: [(need to get lat/long of where clicked)],
        zoom: 4
      }
  });
});
    myChart.setOption(option);

有什么办法可以做到这一点?

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47563375

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档