3

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;
    .
    .
    . 
    }
});
4

1 に答える 1

1

これを試して：

マップ オブジェクトへの参照を取得する

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

この方法を使用する

map.setSelectedRegions(['IT']);

私の場合、ホバー イタリア

これがすべてのマップ タイプに存在するかどうかはわかりませんが、世界には存在して機能します。

于 2013-03-12T12:53:57.283 に答える