94 lines
2.1 KiB
JavaScript
94 lines
2.1 KiB
JavaScript
(function ($) {
|
|
"use strict";
|
|
|
|
var map = new Datamap({
|
|
scope: 'world',
|
|
element: document.getElementById('world-datamap'),
|
|
responsive: true,
|
|
geographyConfig: {
|
|
popupOnHover: false,
|
|
highlightOnHover: false,
|
|
borderColor: '#8EC8FB',
|
|
borderWidth: 2,
|
|
highlightBorderWidth: 5,
|
|
highlightFillColor: '#fff',
|
|
highlightBorderColor: 'rgba(255,255,255,0.1)',
|
|
borderWidth: 1,
|
|
},
|
|
bubblesConfig: {
|
|
popupTemplate: function (geography, data) {
|
|
return '<div class="datamap-sales-hover-tooltip">' + data.country +'<span class="m-l-5"></span>'+ data.sold + '</div>'
|
|
},
|
|
borderWidth: 2,
|
|
highlightBorderWidth: 5,
|
|
highlightFillColor: '#fff',
|
|
highlightBorderColor: 'rgba(255,255,255,0.1)',
|
|
fillOpacity: 0.5
|
|
},
|
|
fills: {
|
|
'Visited': '#f5f5f5',
|
|
'neato': '#fff',
|
|
'white': '#fff',
|
|
defaultFill: '#8EC8FB'
|
|
}
|
|
});
|
|
|
|
|
|
map.bubbles([
|
|
{
|
|
centered: 'USA',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$500',
|
|
country:'United States'
|
|
},
|
|
{
|
|
centered: 'SAU',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$900',
|
|
country:'Saudia Arabia'
|
|
},
|
|
{
|
|
centered: 'RUS',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$250',
|
|
country:'Russia'
|
|
},
|
|
{
|
|
centered: 'CAN',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$1000',
|
|
country:'Canada'
|
|
},
|
|
{
|
|
centered: 'IND',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$50',
|
|
country:'India'
|
|
},
|
|
{
|
|
centered: 'AUS',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$700',
|
|
country:'Australia'
|
|
},
|
|
{
|
|
centered: 'BGD',
|
|
fillKey: 'white',
|
|
radius: 5,
|
|
sold:'$1500',
|
|
country:'Bangladesh'
|
|
}
|
|
])
|
|
|
|
|
|
window.addEventListener('resize', function (event) {
|
|
map.resize();
|
|
});
|
|
|
|
})(jQuery); |