jqvmap изменить hoverColor от onLabelShow

Я использую плагин 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");

Теперь я попытался изменить hoverColor в функции onRegionOver, потому что я хочу только цвет hoverColor для состояний, которые имеют данные, но это ничего не изменило? HoverColor все еще нулевой. Можете ли вы помочь мне, что не так с этим?

1 ответ

Я попробовал это на карте, и нашел это решение:

if (code == 'ca' || code == 'ca') jQuery ('# vmap'). vectorMap ('set', 'colors', {us: '# c9dfaf', ca: # c9dfaf});

У меня это работает на моей карте, которая находится в div с идентификатором vmap, как вы можете видеть.

Другие вопросы по тегам