问jqvmap中的选定国家/地区名称
EN

Stack Overflow用户

提问于 2013-12-28 13:06:47

回答 1查看 1.9K关注 0票数 0

我正在使用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>

javascript

jqvmap

回答 1

Stack Overflow用户

发布于 2014-03-21 16:12:05

您可以这样做(将您的示例视为理所当然)：

<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上查看其中一个示例

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20811229

复制

相似问题

问jqvmap中的选定国家/地区名称
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqvmap中的选定国家/地区名称EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jqvmap中的选定国家/地区名称
EN