如何在AMcharts中制作可点击国家/地区的世界地图?

时间:2017-04-07 23:42:35

标签: amcharts

谷歌地图在为地图上的每个国家/地区获取GEOjson多边形,使其可点击等方面都是一个噩梦。

我遇到了AMcharts,看起来梦想成真。在AMcharts中有没有办法制作一张允许你的世界地图:

•一次选择多个国家/地区, •为每个国家/地区提供点击事件, •在地图上显示国家/地区的文字?

编辑:我正在使用Angular 2。

1 个答案:

答案 0 :(得分:2)

  

为每个国家/地区设置点击事件

您可以在配置对象中使用listeners来绑定事件,同时使用Angular。然后使用clickMapObject事件捕获某个国家/地区的点击次数。

您可以从事件中获取地图对象。

"listeners": [{
    "event": "clickMapObject",
    "method": function(e) {
        var mapObject = e.mapObject;
    }
}]
  

一次选择多个国家/地区

您可以使用上述事件实现多项选择。请查看此处的示例:

https://codepen.io/team/amcharts/pen/864a70d0dc7140cb09ca507229166a11

  

在地图上显示国家/地区的文字?

国家/地区名称显示在工具提示中。我建议使用它而不是在地图上显示名称,因为它们中的许多都会重叠。

相关问题