jqvmap上的多个区域组着色

时间:2013-11-01 09:52:03

标签: jqvmap

我试图通过分组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'],
});

1 个答案:

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