1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| var MapsVector = function () {
|
| var setMap = function (name) {
| var data = {
| map: 'world_en',
| backgroundColor: null,
| borderColor: '#333333',
| borderOpacity: 0.5,
| borderWidth: 1,
| color: '#c6c6c6',
| enableZoom: true,
| hoverColor: '#c9dfaf',
| hoverOpacity: null,
| values: sample_data,
| normalizeFunction: 'linear',
| scaleColors: ['#b6da93', '#427d1a'],
| selectedColor: '#c9dfaf',
| selectedRegion: null,
| showTooltip: true,
| onRegionOver: function (event, code) {
| //sample to interact with map
| if (code == 'ca') {
| event.preventDefault();
| }
| },
| onRegionClick: function (element, code, region) {
| //sample to interact with map
| var message = 'You clicked "' + region + '" which has the code: ' + code.toUpperCase();
| alert(message);
| }
| };
|
| data.map = name + '_en';
| var map = jQuery('#vmap_' + name);
| if (!map) {
| return;
| }
| map.width(map.parent().width());
| map.vectorMap(data);
| }
|
|
| return {
| //main function to initiate map samples
| init: function () {
| setMap("world");
| setMap("usa");
| setMap("europe");
| setMap("russia");
| setMap("germany");
|
| // redraw maps on window or content resized
| App.addResponsiveHandler(function(){
| setMap("world");
| setMap("usa");
| setMap("europe");
| setMap("russia");
| setMap("germany");
| });
| }
|
| };
|
| }();
|
|
