I'd like to please view my source. I have problem: i need to change country colors, but colors: ... feature isn't working for me. Map is white and colors don't change.
Please answer. Thanks!
<script>
jQuery.noConflict();
jQuery(function(){
var $ = jQuery;
$('#focus').click(function(){
$('#map1').vectorMap('set', 'focus', 'LT');
});
$('#map1').vectorMap({
map: 'world_mill_en',
focusOn: {
x: 0,
y: 0,
scale: 1
},
colors: {
IN:'#33250B',
dk:'#000FFF',
kp:'#33250b',
ir:'#3f4114',
iq:'#525252',
pk:'#654511',
uz:'#69681c',
tm:'#48470d',
eg:'#654906',
az:'#083803',
tj:'#410a0a',
kg:'#545353',
sy:'#654511',
jo:'#33250b',
kz:'#654511',
lk:'#525252',
US:'#000000',
},
series: {
regions: [{
scale: ['#C8EEFF', '#0071A4'],
normalizeFunction: 'polynomial',
}]
}
});
})
If you use version 1.1.x then your code should look like this:
$('#map1').vectorMap({
map: 'world_mill_en',
focusOn: {
x: 0,
y: 0,
scale: 1
},
series: {
regions: [{
values: {
IN:'#33250B',
dk:'#000FFF',
kp:'#33250b',
ir:'#3f4114',
iq:'#525252',
pk:'#654511',
uz:'#69681c',
tm:'#48470d',
eg:'#654906',
az:'#083803',
tj:'#410a0a',
kg:'#545353',
sy:'#654511',
jo:'#33250b',
kz:'#654511',
lk:'#525252',
US:'#000000'
}
}]
}
});
bjornd's solution works for 1.1x, however make sure the country codes are in CAPITALS as below or it will not work.
series: {
regions: [{
values: {
IN:'#33250B',
DK:'#000FFF',
KP:'#33250b',
IR:'#3f4114',
IQ:'#525252',
PK:'#654511',
UZ:'#69681c',
TM:'#48470d',
EG:'#654906',
AZ:'#083803',
TJ:'#410a0a',
KG:'#545353',
SY:'#654511',
JO:'#33250b',
KZ:'#654511',
LK:'#525252',
US:'#000000'
}
}]
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With