javascript - jqvmap通过onLabelShow更改hoverColor

我正在使用插件jqvmap（http://www.jqvmap.com/）并初始化了一个地图：

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");

现在，我尝试在onRegionOver函数中更改hoverColor，因为我只希望对具有数据的状态使用hovercolor，但是它没有任何改变？ hoverColor仍然为null。您能帮我吗，这有什么问题？

最佳答案

我在地图上尝试过，发现了以下解决方案：

如果（code =='ca'|| code =='ca'）jQuery（'＃vmap'）。vectorMap（'set'，'colors'，{us：'＃c9dfaf'，ca：＃c9dfaf}）;

如您所见，我已经在ID为vmap的div的地图上对其进行了处理。

关于javascript - jqvmap通过onLabelShow更改hoverColor，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19478059/