95 lines
1.9 KiB
JavaScript
95 lines
1.9 KiB
JavaScript
|
|
||
|
|
|
||
|
|
jQuery('#world-map-markers').vectorMap(
|
||
|
|
{
|
||
|
|
map: 'world_mill_en',
|
||
|
|
backgroundColor: '#fff',
|
||
|
|
borderColor: '#818181',
|
||
|
|
borderOpacity: 0.25,
|
||
|
|
borderWidth: 1,
|
||
|
|
color: '#f4f3f0',
|
||
|
|
regionStyle : {
|
||
|
|
initial : {
|
||
|
|
fill : '#1e88e5'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
markerStyle: {
|
||
|
|
initial: {
|
||
|
|
r: 9,
|
||
|
|
'fill': '#fff',
|
||
|
|
'fill-opacity':1,
|
||
|
|
'stroke': '#000',
|
||
|
|
'stroke-width' : 5,
|
||
|
|
'stroke-opacity': 0.4
|
||
|
|
},
|
||
|
|
},
|
||
|
|
enableZoom: true,
|
||
|
|
hoverColor: '#0a89c1',
|
||
|
|
markers : [{
|
||
|
|
latLng : [21.00, 78.00],
|
||
|
|
name : 'I Love My 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',
|
||
|
|
regionStyle : {
|
||
|
|
initial : {
|
||
|
|
fill : '#26c6da'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$('#usa').vectorMap({
|
||
|
|
map : 'us_aea_en',
|
||
|
|
backgroundColor : 'transparent',
|
||
|
|
regionStyle : {
|
||
|
|
initial : {
|
||
|
|
fill : '#fc4b6c'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
$('#australia').vectorMap({
|
||
|
|
map : 'au_mill',
|
||
|
|
backgroundColor : 'transparent',
|
||
|
|
regionStyle : {
|
||
|
|
initial : {
|
||
|
|
fill : '#ffb22b'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('#uk').vectorMap({
|
||
|
|
map : 'uk_mill_en',
|
||
|
|
backgroundColor : 'transparent',
|
||
|
|
regionStyle : {
|
||
|
|
initial : {
|
||
|
|
fill : '#7460ee'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|