Map 悬停在特定国家时，在空白世界地图上突出显示国旗

我正在使用插件在世界地图上突出显示国家。现在，正如我的问题所暗示的，我想在特定国家悬停时展示该国的国旗

我不想为全世界地图做图像映射。所以不要发布那个解决方案，我认为这不是一个可行的解决方案，因为我没有时间这么做

如果有人使用任何插件，svg，谷歌地图，js做过这个功能，请帮助我

---

如果有任何付费插件，甚至我想知道。我已经找了两天了。但是我还没有遇到这样的功能。

您可以为提供一个函数，该函数使用region

code

为国旗构建URL，然后自定义

标签

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

});​

$（函数（）{
$（'#map'）.vectorMap({
onRegionLabelShow：函数（事件、标签、代码）
{
html（label.html（）+
“
”）；
}
});
/*
*为世界国旗上的国旗图像构造URL
*使用ISO-3166有向图
*/
函数getFlagImgSrc（代码）
{
返回'http://www.fotw.us/images/'+
code.toLowerCase（）子字符串（0,1）+
'/'+
code.toLowerCase（）+
“.gif”；
}    
});​

将鼠标悬停在区域上时渲染标签与国旗的外观示例：

可能重复的对不起，您也可以看一下这个问题吗？在v2.0中，函数
onRegionLabelShow
被重命名为
onRegionTipsShow
+