Javascript JQVMap悬停显示

当我在JQVMap上鼠标滑过一个国家时，我得到了这个国家的名称。该代码源于SVG文件中的名称。在SVG文件中，名称如下所示：

"path":".93z","name":"Uruguay",

在JQVmap源代码中，它显示为

if (params.showTooltip) {
map.label.text(mapData.paths[code].name);
jQuery(params.container).trigger(labelShowEvent, [map.label, code]);

---

我想做的是添加一个小表，该表将显示在国家名称下。我试着用一个逃跑的角色来给我一个新的台词，并试着自己把它对齐，但看起来比这更难。是否可以创建另一个名为“table”的元素（如name）并在源代码中调用它，或者我是否应该尝试将信息包含在name元素中？

基本上，您只需要使用

onLabelShow

处理程序，在该处理程序中可以覆盖默认标签文本。相反，您可以放置所需的标记，它将由JQVMap很好地呈现

要引用自定义标签内容，请使用

.jqvmap标签

选择器

$（函数（）{
var vMap=$（'#map'）.vectorMap({
地图：“世界”，
错，
悬停不透明度：0.7，
onLabelShow：函数（事件、标签、代码）{
var countryName=标签[0]。innerHTML；
var html=[''，
'',
“姓名”，
“代码”，
'',
'',
'',
国名，
'',
'',
代码，
'',
'',
''
].加入（“”）；
标签[0]。innerHTML=html；
}
});
});
.jqvmap标签表{
边框：实心1px#CDCDCD；
背景：#4444；
颜色：白色；
字体系列：无衬线，Verdana；
字体大小：较小；
填充：3倍；
}
#地图{
宽度：100%；
高度：500px；
}
太棒了，谢谢！！我已经放弃了得到答案的希望，真的很感激，谢谢！