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, как вы можете видеть.