国家特定徘徊时突出显示空白的世界地图国旗(Highlight country flag on bla

我使用jVectormap插件国家强调在世界地图上。 现在，随着我的问题表明，我想表明国家的国旗时，特定国家的上空盘旋。

我不想对整个世界地图做图像映射。 所以不要张贴的解决方案，我不认为这是一个可行的解决方案，我没有这样的时间这样做。

如果有人有使用任何插件，SVG，谷歌地图这样做的功能，JS什么请帮助我。

如果任何付费插件甚至有那么我想知道。 我搜索了2天。 但是我还没有碰到过这样的功能呢。

Answer 1:

你可以提供一个功能onRegionLabelShow使用的区域code来构建一个URL，为国家标志，然后自定义label 。

$(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';  
    }    

});​

的渲染标签的外观与该国国旗的例子，当你鼠标放在一个区域：

文章来源: Highlight country flag on blank world map when hovered on specific country