jvectorマップを使用して国をクリックしたときに別のページにリダイレクト

Question

jVectorMapというjQueryプラグインを使用しています。具体的には、次のマップを使用しています。http://jvectormap.com/maps/world/world/

すべての国に固有のdata-codeがあります。スペインはESですが、アクセスできません。たとえば、次のjQueryコードを実行しました。

$('path').on('click', function(){ 
    var country = $(this).data('code'); 
    console.log(country); 
}); 

何もしません。ここにHTMLがあるので、それはうまくいくはずです。

<path d="asiunaowifh" data-code="ES" 
fill="#333" fill-opacity="1" stroke="none" 
stroke-width="0" stroke-opacity="1" fill-rule="evenodd" class="jvectormap-region jvectormap-element" 
cursor="pointer"> 
</path> 

どうしていいのですか？誰かがdocumentationを見るか、いくつかのアドバイスをすることができれば、素晴らしいことがあります。

Answer 1

あなたはdocumentationで見れば、作品onRegionClickと呼ばれるvectorMap()のための特別なオプションがあります：

$('#map').vectorMap({ 
    map: 'world_mill', 
    onRegionClick: function(event, code) { 
     console.log(code); 
    } 
});