jqvmap上的多區域羣着色

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

來源

2013-11-01 Alexandros

找到答案！

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

來源

2013-11-01 10:12:09 Alexandros

我有一點點改進你的版本： 'VAR color_1 = 「＃B10」附加$ J（' ＃圖 '）。vectorMap（' 設置」， '顏色'，{AU：color_1，是：color_1，bg：color_1}）;' 所以，如果你需要改變這個組的colro-你只需要改變一個參數。謝謝你，因爲我有相同的顏色設置問題，並在此找到解決方案。 –

謝謝@AndrewSpartan！你也可以upvote！ – Alexandros

jqvmap上的多區域羣着色

回答

相關問題