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!!";
                    }
                },                
            });
        });

自定义工具提示JQVMap

1 个答案: