我试图通过分组jqvmap中的某些区域来着色,但我不能让它与多个组一起使用。它总是得到最新的组。
var europe = {
au: '#f10',
cz: '#f10',
dk: '#f10',
}
var africa = {
eg: '#f20',
ma: '#f20',
za: '#f20',
tn: '#f20',
}
var asia = {
cn: '#f30',
jp: '#f30',
kr: '#f30',
}
var america = {
ar: '#f40',
us: '#f40',
cl: '#f40',
}
$j('#map').vectorMap({
map: 'world_en',
color: '#f4f3f0',
colors: europe,
colors: africa,
colors: asia,
colors: america,
scaleColors: ['#b6d6ff', '#005ace'],
});
答案 0 :(得分:6)
找到了答案!
$j('#map').vectorMap({
map: 'world_en',
color: '#f4f3f0',
scaleColors: ['#b6d6ff', '#005ace'],
});
$j('#map').vectorMap('set', 'colors', { au: '#b10', be: '#b10', bg: '#b10'});
$j('#map').vectorMap('set', 'colors', { eg: '#a20', ma: '#a20', za: '#a20'});
$j('#map').vectorMap('set', 'colors', { cn: '#f30', jp: '#f30', kr: '#f30'});
$j('#map').vectorMap('set', 'colors', { ar: '#660', us: '#660', cl: '#660'});