Question

我正在使用jqvmap显示世界地图，并在点击国家/地区时显示相应的电子邮件信息。它工作正常。我只需要显示6-7个国家。现在我想显示悬停国家/地区的名称，仅作为选定国家/地区的工具提示。这是我的地图代码

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#vmap').vectorMap({
        map: 'world_en',
        backgroundColor: '#fff',
        color: '#87CEEB',
        hoverOpacity: 0.6,
        selectedColor: '#8B0000',
        enableZoom: true,
        showTooltip: true,
        values: sample_data,
        scaleColors: ['#C8EEFF', '#006491'],
        selectedRegion: null,
        normalizeFunction: 'polynomial',
        onRegionClick: function(element, code, region)
        {
            if (region == "United States of America") {
               document.getElementById('mailblock').innerHTML = 'Contact Information for USA (New York) :';
            }

        }
    });
});
</script>

Answer 1

你可以做类似的事情（以你的榜样为准）：

<script type="text/javascript">
jQuery(document).ready(function() {
    // your defined areas where the label is shown
    var areasWithLabel = ['DE', 'US', 'CA', 'RU'];

    jQuery('#vmap').vectorMap({
        // removed your usual settings
        onLabelShow: function(event, label, code) {
            for (area in areasWithLabel  {
               if (area == code) {
                   event.preventDefault();
               }
            }
        }
    });
});
</script>

基本上，您要检查当前是否有一个已定义的区域悬停在上面并阻止该事件的默认行为（显示标签）。

您可以查看documentation page

上的其中一个示例

在jqvmap中选择的国家/地区名称

1 个答案: