jqvmap上的多区域群着色

Question

我想按颜色按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'], 
}); 

Answer 1

找到答案！

$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'});