特定の国にぶら下がっている空白の世界地図の国旗

Question

私はjVectormapのプラグインを使って世界地図を表示しています。今私の質問が示唆するように、私は特定の国がぶつかったときに国の旗を見せたい。

私は全世界地図の画像マッピングをしたくありません。そのソリューションを投稿しないでください、私はそれを実行する時間がないので、実現可能な解決策ではないと思います。

誰かがプラグイン、svg、Googleマップ、jsのいずれかを使用してこの機能を行っている場合は、何か私を助けてください。

有料のプラグインがある場合でも、私は知りたいと思います。私は2日間捜しました。しかし、私はまだそのような機能性を見いだすことはありません。

Answer 1

codeを使用して国旗のURLを作成し、labelをカスタマイズする機能をonRegionLabelShowに提供できます。

$(function() { 
    $('#map').vectorMap({ 
     onRegionLabelShow: function(event, label, code) 
     { 
      label.html(label.html()+ 
      '<br><img src="'+getFlagImgSrc(code)+'" height="20">'); 
     } 
    }); 

    /* 
    * Constructs a URL for a country flag image on Flags Of The World 
    * using the ISO-3166 Digraph 
    */ 
    function getFlagImgSrc(code) 
    { 
     return 'http://www.fotw.us/images/'+ 
       code.toLowerCase().substring(0,1)+ 
       '/'+ 
       code.toLowerCase()+ 
       '.gif'; 
    }  

});​ 

レンダリングされたラベルは、国のフラグでどのように見えるかの例とき領域の上にマウス：