javascript - JVectormap 从链接设置为悬停状态

Question

我已经使用JVectormap完成了一个自定义地图，并在同一页面的另一个 div 中添加了一个具有相同状态的链接列表。

<div id="mylinks">
    <a href="#" id="state1" >State1</a>
    <a href="#" id="state2" >State2</a>
    <a href="#" id="state3" >State3</a>
</div>

当我将鼠标悬停在链接上时，我想激活地图上的悬停状态。如何从外部告诉 jvectormap 激活状态？

$('a').mouseover(function (e) {
  var id = $(e.target).attr('id');
  switch (id){
    case "state1":
    // Set State1 in Hovermode
    break;
    .
    .
    . 
    }
});

Answer 1

尝试这个：

获取对地图对象的引用

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

使用此方法

map.setSelectedRegions(['IT']);

就我而言，悬停意大利

我不确定这是否存在于所有地图类型中，但在世界上存在并且有效。