自定义工具提示 JQVMap答案

【问题标题】：Custom Tooltips JQVMap自定义工具提示 JQVMap
【发布时间】：2013-03-30 21:01:31
【问题描述】：

我有一个正在可视化一些数据的 JQVMap。地图上的每个国家都有特定的颜色，并有一个从 0 到 10 的特定数字。

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

谢谢。

【问题讨论】：

标签： jquery jqvmap

【解决方案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!!";
                    }
                },                
            });
        });

【讨论】：