98 lines
2.2 KiB
JavaScript
98 lines
2.2 KiB
JavaScript
|
$(function() {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
jQuery('#world-map-markers').vectorMap({
|
||
|
|
map: 'world_mill_en',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderColor: '#818181',
|
||
|
|
borderOpacity: 0.25,
|
||
|
|
borderWidth: 1,
|
||
|
|
zoomOnScroll: false,
|
||
|
|
color: '#8b94d6',
|
||
|
|
regionStyle: {
|
||
|
|
initial: {
|
||
|
|
fill: '#8b94d6'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
markerStyle: {
|
||
|
|
initial: {
|
||
|
|
r: 9,
|
||
|
|
'fill': '#fff',
|
||
|
|
'fill-opacity': 1,
|
||
|
|
'stroke': '#000',
|
||
|
|
'stroke-width': 5,
|
||
|
|
'stroke-opacity': 0.4
|
||
|
|
},
|
||
|
|
},
|
||
|
|
enableZoom: true,
|
||
|
|
hoverColor: '#8b94d6',
|
||
|
|
markers: [{
|
||
|
|
latLng: [21.00, 78.00],
|
||
|
|
name: 'India'
|
||
|
|
|
||
|
|
}],
|
||
|
|
hoverOpacity: null,
|
||
|
|
normalizeFunction: 'linear',
|
||
|
|
scaleColors: ['#b6d6ff', '#005ace'],
|
||
|
|
selectedColor: '#c9dfaf',
|
||
|
|
selectedRegions: [],
|
||
|
|
showTooltip: true,
|
||
|
|
onRegionClick: function(element, code, region) {
|
||
|
|
var message = 'You clicked "' +
|
||
|
|
region +
|
||
|
|
'" which has the code: ' +
|
||
|
|
code.toUpperCase();
|
||
|
|
|
||
|
|
alert(message);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$('#india').vectorMap({
|
||
|
|
map: 'in_mill',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
zoomOnScroll: false,
|
||
|
|
regionStyle: {
|
||
|
|
initial: {
|
||
|
|
fill: '#64ced3'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$('#usa').vectorMap({
|
||
|
|
map: 'us_aea_en',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
zoomOnScroll: false,
|
||
|
|
regionStyle: {
|
||
|
|
initial: {
|
||
|
|
fill: '#f87ca1'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$('#australia').vectorMap({
|
||
|
|
map: 'au_mill',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
zoomOnScroll: false,
|
||
|
|
regionStyle: {
|
||
|
|
initial: {
|
||
|
|
fill: '#ffe174'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#uk').vectorMap({
|
||
|
|
map: 'uk_mill_en',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
zoomOnScroll: false,
|
||
|
|
regionStyle: {
|
||
|
|
initial: {
|
||
|
|
fill: '#ffa47f'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|