304 lines
8.2 KiB
JavaScript
304 lines
8.2 KiB
JavaScript
"use strict";
|
|
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
// jQuery Vector Map Demo
|
|
// =============================================================
|
|
var JqvMapDemo = /*#__PURE__*/function () {
|
|
function JqvMapDemo() {
|
|
_classCallCheck(this, JqvMapDemo);
|
|
|
|
this.init();
|
|
}
|
|
|
|
_createClass(JqvMapDemo, [{
|
|
key: "init",
|
|
value: function init() {
|
|
toastr.options.closeButton = true;
|
|
toastr.options.progressBar = true;
|
|
toastr.options.positionClass = 'toast-bottom-right'; // event handlers
|
|
|
|
this.handleWorld();
|
|
this.handleUSA();
|
|
this.handleEurope();
|
|
this.handleGermany();
|
|
}
|
|
}, {
|
|
key: "handleWorld",
|
|
value: function handleWorld() {
|
|
var sample_data = {
|
|
'af': '16.63',
|
|
'al': '11.58',
|
|
'dz': '158.97',
|
|
'ao': '85.81',
|
|
'ag': '1.1',
|
|
'ar': '351.02',
|
|
'am': '8.83',
|
|
'au': '1219.72',
|
|
'at': '366.26',
|
|
'az': '52.17',
|
|
'bs': '7.54',
|
|
'bh': '21.73',
|
|
'bd': '105.4',
|
|
'bb': '3.96',
|
|
'by': '52.89',
|
|
'be': '461.33',
|
|
'bz': '1.43',
|
|
'bj': '6.49',
|
|
'bt': '1.4',
|
|
'bo': '19.18',
|
|
'ba': '16.2',
|
|
'bw': '12.5',
|
|
'br': '2023.53',
|
|
'bn': '11.96',
|
|
'bg': '44.84',
|
|
'bf': '8.67',
|
|
'bi': '1.47',
|
|
'kh': '11.36',
|
|
'cm': '21.88',
|
|
'ca': '1563.66',
|
|
'cv': '1.57',
|
|
'cf': '2.11',
|
|
'td': '7.59',
|
|
'cl': '199.18',
|
|
'cn': '5745.13',
|
|
'co': '283.11',
|
|
'km': '0.56',
|
|
'cd': '12.6',
|
|
'cg': '11.88',
|
|
'cr': '35.02',
|
|
'ci': '22.38',
|
|
'hr': '59.92',
|
|
'cy': '22.75',
|
|
'cz': '195.23',
|
|
'dk': '304.56',
|
|
'dj': '1.14',
|
|
'dm': '0.38',
|
|
'do': '50.87',
|
|
'ec': '61.49',
|
|
'eg': '216.83',
|
|
'sv': '21.8',
|
|
'gq': '14.55',
|
|
'er': '2.25',
|
|
'ee': '19.22',
|
|
'et': '30.94',
|
|
'fj': '3.15',
|
|
'fi': '231.98',
|
|
'fr': '2555.44',
|
|
'ga': '12.56',
|
|
'gm': '1.04',
|
|
'ge': '11.23',
|
|
'de': '3305.9',
|
|
'gh': '18.06',
|
|
'gr': '305.01',
|
|
'gd': '0.65',
|
|
'gt': '40.77',
|
|
'gn': '4.34',
|
|
'gw': '0.83',
|
|
'gy': '2.2',
|
|
'ht': '6.5',
|
|
'hn': '15.34',
|
|
'hk': '226.49',
|
|
'hu': '132.28',
|
|
'is': '12.77',
|
|
'in': '1430.02',
|
|
'id': '695.06',
|
|
'ir': '337.9',
|
|
'iq': '84.14',
|
|
'ie': '204.14',
|
|
'il': '201.25',
|
|
'it': '2036.69',
|
|
'jm': '13.74',
|
|
'jp': '5390.9',
|
|
'jo': '27.13',
|
|
'kz': '129.76',
|
|
'ke': '32.42',
|
|
'ki': '0.15',
|
|
'kr': '986.26',
|
|
'undefined': '5.73',
|
|
'kw': '117.32',
|
|
'kg': '4.44',
|
|
'la': '6.34',
|
|
'lv': '23.39',
|
|
'lb': '39.15',
|
|
'ls': '1.8',
|
|
'lr': '0.98',
|
|
'ly': '77.91',
|
|
'lt': '35.73',
|
|
'lu': '52.43',
|
|
'mk': '9.58',
|
|
'mg': '8.33',
|
|
'mw': '5.04',
|
|
'my': '218.95',
|
|
'mv': '1.43',
|
|
'ml': '9.08',
|
|
'mt': '7.8',
|
|
'mr': '3.49',
|
|
'mu': '9.43',
|
|
'mx': '1004.04',
|
|
'md': '5.36',
|
|
'mn': '5.81',
|
|
'me': '3.88',
|
|
'ma': '91.7',
|
|
'mz': '10.21',
|
|
'mm': '35.65',
|
|
'na': '11.45',
|
|
'np': '15.11',
|
|
'nl': '770.31',
|
|
'nz': '138',
|
|
'ni': '6.38',
|
|
'ne': '5.6',
|
|
'ng': '206.66',
|
|
'no': '413.51',
|
|
'om': '53.78',
|
|
'pk': '174.79',
|
|
'pa': '27.2',
|
|
'pg': '8.81',
|
|
'py': '17.17',
|
|
'pe': '153.55',
|
|
'ph': '189.06',
|
|
'pl': '438.88',
|
|
'pt': '223.7',
|
|
'qa': '126.52',
|
|
'ro': '158.39',
|
|
'ru': '1476.91',
|
|
'rw': '5.69',
|
|
'ws': '0.55',
|
|
'st': '0.19',
|
|
'sa': '434.44',
|
|
'sn': '12.66',
|
|
'rs': '38.92',
|
|
'sc': '0.92',
|
|
'sl': '1.9',
|
|
'sg': '217.38',
|
|
'sk': '86.26',
|
|
'si': '46.44',
|
|
'sb': '0.67',
|
|
'za': '354.41',
|
|
'es': '1374.78',
|
|
'lk': '48.24',
|
|
'kn': '0.56',
|
|
'lc': '1',
|
|
'vc': '0.58',
|
|
'sd': '65.93',
|
|
'sr': '3.3',
|
|
'sz': '3.17',
|
|
'se': '444.59',
|
|
'ch': '522.44',
|
|
'sy': '59.63',
|
|
'tw': '426.98',
|
|
'tj': '5.58',
|
|
'tz': '22.43',
|
|
'th': '312.61',
|
|
'tl': '0.62',
|
|
'tg': '3.07',
|
|
'to': '0.3',
|
|
'tt': '21.2',
|
|
'tn': '43.86',
|
|
'tr': '729.05',
|
|
'tm': 0,
|
|
'ug': '17.12',
|
|
'ua': '136.56',
|
|
'ae': '239.65',
|
|
'gb': '2258.57',
|
|
'us': '14624.18',
|
|
'uy': '40.71',
|
|
'uz': '37.72',
|
|
'vu': '0.72',
|
|
've': '285.21',
|
|
'vn': '101.99',
|
|
'ye': '30.02',
|
|
'zm': '15.69',
|
|
'zw': '5.57'
|
|
};
|
|
$('#vmap-world').vectorMap({
|
|
map: 'world_en',
|
|
backgroundColor: null,
|
|
color: Looper.getLightColor(),
|
|
hoverOpacity: 0.7,
|
|
selectedColor: Looper.colors.brand.pink,
|
|
enableZoom: true,
|
|
showTooltip: true,
|
|
values: sample_data,
|
|
scaleColors: [Looper.colors.brand.teal, Looper.colors.brand.green],
|
|
normalizeFunction: 'polynomial',
|
|
onRegionClick: function onRegionClick(element, code, region) {
|
|
var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
|
|
toastr.remove();
|
|
toastr.info(message);
|
|
}
|
|
});
|
|
}
|
|
}, {
|
|
key: "handleUSA",
|
|
value: function handleUSA() {
|
|
$('#vmap-usa').vectorMap({
|
|
map: 'usa_en',
|
|
backgroundColor: null,
|
|
color: Looper.colors.brand.teal,
|
|
enableZoom: true,
|
|
showTooltip: true,
|
|
selectedColor: null,
|
|
hoverColor: null,
|
|
colors: {
|
|
mo: Looper.colors.brand.yellow,
|
|
fl: Looper.colors.brand.yellow,
|
|
or: Looper.colors.brand.yellow
|
|
},
|
|
onRegionClick: function onRegionClick(e, code, region) {
|
|
e.preventDefault();
|
|
var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
|
|
toastr.remove();
|
|
toastr.info(message);
|
|
}
|
|
});
|
|
}
|
|
}, {
|
|
key: "handleEurope",
|
|
value: function handleEurope() {
|
|
$('#vmap-europe').vectorMap({
|
|
map: 'europe_en',
|
|
backgroundColor: null,
|
|
color: Looper.colors.brand.teal,
|
|
hoverColor: Looper.colors.brand.yellow,
|
|
enableZoom: false,
|
|
showTooltip: false,
|
|
onRegionClick: function onRegionClick(element, code, region) {
|
|
var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
|
|
toastr.remove();
|
|
toastr.info(message);
|
|
}
|
|
});
|
|
}
|
|
}, {
|
|
key: "handleGermany",
|
|
value: function handleGermany() {
|
|
$('#vmap-germany').vectorMap({
|
|
map: 'germany_en',
|
|
backgroundColor: null,
|
|
color: Looper.colors.brand.teal,
|
|
hoverColor: Looper.colors.brand.green,
|
|
onRegionClick: function onRegionClick(element, code, region) {
|
|
var message = "You clicked ".concat(region, " which has the code: ").concat(code.toUpperCase());
|
|
toastr.remove();
|
|
toastr.info(message);
|
|
}
|
|
});
|
|
}
|
|
}]);
|
|
|
|
return JqvMapDemo;
|
|
}();
|
|
/**
|
|
* Keep in mind that your scripts may not always be executed after the theme is completely ready,
|
|
* you might need to observe the `theme:load` event to make sure your scripts are executed after the theme is ready.
|
|
*/
|
|
|
|
|
|
$(document).on('theme:init', function () {
|
|
new JqvMapDemo();
|
|
}); |