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>

当我鼠标悬停链接时，我想在地图上激活hoverstate。如何从外部告诉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']);

在我的案例中悬停意大利

我不确定这是否存在于所有地图类型中，但在世界存在和工作中。