使用 AmCharts 地图时获取点击事件的价值

Question

问题： 我有一张用 AmCharts 制作的地图。在一些帮助下，我能够在悬停时显示每个州的信息。我想这样做，以便当我单击某个状态时，它会在下面的 div 中显示该状态的一些信息。

我的杂念： 起初我认为这需要管理 'state'，但我很确定使用 'state' 会有点矫枉过正。话虽如此，让点击事件显示与我在悬停时获得的值相同的值似乎应该是一个简单的问题……但现在对我来说显然太难了（或为时已晚）。

一些代码：

$("#chartdiv").click(function() { // line 641
      document.getElementById('tempInfo').innerHTML = event.mapObject.infoTitle;
});

然后我想这也许行得通：

map.addListener("click", function(event){ // line 637
  document.getElementById('tempInfo').innerHTML = event.mapObject.infoTitle; 
});

Link 至完整代码： http://codepen.io/anon/pen/PGYQxX?editors=0011

为我的无知和先发制人的感激之情道歉： 我正在努力提高基本 JS 的水平，但与此同时，我也在努力解决我不太了解的事情。

非常感谢任何帮助，谢谢！

Answer 1

有一个名为 clickMapObject 的事件，您可以收听。它会给你你点击的地图对象作为你作为参数获得的事件对象的一部分。
由于您似乎懒得使用 jQuery，我更改了 DOM 操作来使用它。（我认为更好的可读性）

map.addListener("clickMapObject", function(event){
  $('#tempInfo').html(event.mapObject.infoTitle); // Changes with clicking
});

这是新的 codepen。

Get value upon click event while using AmCharts Map