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']);

В моем случае парить италия

Я не уверен, существует ли это во всех типах карт, но в мире существуют и работают.