jqvmap - onRegionClick changes color of country

Question

So far that plugin works quite nice...got no probs at all. However I just noticed that "onRegionClick" changes the color of the choosen country and I would like to prevent that. ^^

Config:

jQuery('#vmap').vectorMap({ 
    ...
    backgroundColor: '#FFFFFF',
    ...
    color: '#F3F3F3',
    hoverColor: '#FCD452',
    selectedColor: '#397ACB',
    multiSelectRegion: true,
    ...

After loading the map every selected country got that nice #397acb blue but after clicking on it, it changes to #f3f3f3...how do I prevent that?

Thx!

score 1 · Answer 1 · answered Jul 22 '15 at 13:52

1

Ok, I got some kind of workaround.

onRegionClick: function (event, code, region) {
    jQuery('#jqvmap1_'+code).css('fill', '#397ACB');
}

This way I prevent him from altering the color, although I still would like to know why he changes the color on click. ^^ Maybe one day.....

answered Jul 22 '15 at 13:52

TZP

53
5

When I have some time, I will try to find how I did it. I think I used the css for this. – Lexib0y Jul 23 '15 at 11:28
@tzp Have you found an alternative way to do this? – elvismdev May 11 '18 at 07:55

score 0 · Answer 2 · answered Jun 10 '16 at 07:58

0

Most of the options can be changed after initialization using the following code: jQuery('#vmap').vectorMap('set', 'colors', {us: '#0000ff'});.

answered Jun 10 '16 at 07:58

Senad Metiljevic

155
1
8

jqvmap - onRegionClick changes color of country

2 Answers2