JVectormap 从链接设置为悬停状态答案

【问题标题】：JVectormap set in hover state from a linkJVectormap 从链接设置为悬停状态
【发布时间】：2013-02-13 12:46:42
【问题描述】：

我已经使用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;
    .
    .
    . 
    }
});

【问题讨论】：

标签： javascript jquery mouseover jvectormap

【解决方案1】：

试试这个：

获取地图对象的引用

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

使用这个方法

map.setSelectedRegions(['IT']);

就我而言，悬停在意大利

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

【讨论】：