首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jqvmap通过hoverColor更改onLabelShow

jqvmap通过hoverColor更改onLabelShow
EN

Stack Overflow用户
提问于 2013-10-20 13:43:13
回答 1查看 872关注 0票数 2

我使用了插件jqvmap ( http://www.jqvmap.com/ )并初始化了一个映射:

代码语言:javascript
复制
var setMap = function (name) {
    var data = {
        map: 'world_en',
        hoverColor: null,
        hoverOpacity: null,
        values: {
            "us": 11,
            "ca": 33,
            "ru": 22,
            ...
        },
        ...
        showTooltip: true,
        onRegionOver: function (event, code, region) {

            //Here is my problem
            if (code == 'ca' || code == 'us' || ...) data.hoverColor = '#c9dfaf';
        },
        onRegionOut: function (event, code, region) {
            data.hoverColor = null;
        },
    };

    data.map = name + '_en';
    var map = jQuery('#vmap_' + name);
    if (!map) {
        return;
    }
    map.width(map.parent().parent().width());
    map.show();
    map.vectorMap(data);
    map.hide();
}

setMap("world");

现在,我试图在函数hoverColor中更改onRegionOver,因为我只想对有数据的状态进行悬空颜色,但是它没有改变什么?hoverColor仍然是空的。你能帮帮我吗,这有什么问题吗?

EN

回答 1

Stack Overflow用户

发布于 2014-09-11 18:58:09

我在地图上试了一下,找到了这样的解决方案:

如果(代码为‘== 'ca’x code == 'ca') jQuery('#vmap').vectorMap('set','colors',{us:'#c9dfaf',ca:#c9dfaf});

我已经让它在我的地图上工作,这是一个带有ID的div,如你所见。

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

https://stackoverflow.com/questions/19478059

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档