自定义工具提示JQVMap

Question

我有一个JQVMap正在流通可视化一些数据。地图上的每个国家都是特定的颜色，并且具有0-10的特定数字。

我知道如何显示默认工具提示，您只需将showTooltip切换为true，并显示国家名称onmouseover。我怎样才能在这些工具提示上显示与每个国家相对应的编号？

谢谢。

Answer 1

onLabelShow有一个事件。从文档...

onLabelShow功能（事件，标签，代码）

回调函数，将标签之前被称为所示。标签 DOM对象和国家代码将作为 参数传递给回调。

也许像这样的东西可以为你工作？

$(document).ready(function() { 
      jQuery('#vmap').vectorMap({ 
       map: 'usa_en', 
       selectedRegion: 'co', 
       backgroundColor: '#ffffff', 
       color: '#E6E7E9', 
       hoverColor: '#03235E', 
       enableZoom: false, 
       showTooltip: true, 
       onLabelShow: function(event, label, code) { 
        if (states.toLowerCase().indexOf(code) <= -1) { 
         event.preventDefault(); 
        } else if (label[0].innerHTML == "Colorado") { 
         label[0].innerHTML = label[0].innerHTML + " - The state where I live!!"; 
        } 
       },     
      }); 
     });