jqvmap上的多区域组着色

【问题标题】：Multiple region group coloring on jqvmapjqvmap上的多区域组着色
【发布时间】：2013-11-01 09:52:03
【问题描述】：

我正在尝试通过对 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'],
});

【问题讨论】：

标签： jqvmap

【解决方案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'});

【讨论】：

我对你的版本有点改进：'var color_1 = "#b10" $j('#map').vectorMap('set', 'colors', { au: color_1, be : color_1, bg: color_1});'因此，如果您需要更改该组的 colro - 您只需更改一个参数。谢谢你，因为我有同样的颜色设置问题，并在这里找到了解决方案。