CyberPanel/static/baseTemplate/assets/widgets/maps/vector-maps/vectormaps-demo.js

var gdpData = {
    "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
};

$(function() {
    $('#world-map-gdp').vectorMap({
        map: 'world_mill_en',
        backgroundColor: 'transparent',
        series: {
            regions: [{
                values: gdpData,
                scale: ['#C8EEFF', '#0071A4'],
                normalizeFunction: 'polynomial'
            }]
        },
        onLabelShow: function(e, el, code) {
            el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
        }
    });
});

$(function() {
    $('#world-map-markers').vectorMap({
        map: 'world_mill_en',
        backgroundColor: '#f3f3f9',
        scaleColors: ['#00bca4', '#1c82e1'],
        normalizeFunction: 'polynomial',
        hoverOpacity: 0.7,
        hoverColor: false,
        series: {
            regions: [{
                values: gdpData,
                scale: ['#C8EEFF', '#0071A4'],
                normalizeFunction: 'polynomial'
            }]
        },
        markerStyle: {
            initial: {
                fill: '#F8E23B',
                stroke: '#383f47'
            }
        },
        markers: [{
            latLng: [41.90, 12.45],
            name: 'Vatican City'
        }, {
            latLng: [43.73, 7.41],
            name: 'Monaco'
        }, {
            latLng: [-0.52, 166.93],
            name: 'Nauru'
        }, {
            latLng: [-8.51, 179.21],
            name: 'Tuvalu'
        }, {
            latLng: [43.93, 12.46],
            name: 'San Marino'
        }, {
            latLng: [47.14, 9.52],
            name: 'Liechtenstein'
        }, {
            latLng: [7.11, 171.06],
            name: 'Marshall Islands'
        }, {
            latLng: [17.3, -62.73],
            name: 'Saint Kitts and Nevis'
        }, {
            latLng: [3.2, 73.22],
            name: 'Maldives'
        }, {
            latLng: [35.88, 14.5],
            name: 'Malta'
        }, {
            latLng: [12.05, -61.75],
            name: 'Grenada'
        }, {
            latLng: [13.16, -61.23],
            name: 'Saint Vincent and the Grenadines'
        }, {
            latLng: [13.16, -59.55],
            name: 'Barbados'
        }, {
            latLng: [17.11, -61.85],
            name: 'Antigua and Barbuda'
        }, {
            latLng: [-4.61, 55.45],
            name: 'Seychelles'
        }, {
            latLng: [7.35, 134.46],
            name: 'Palau'
        }, {
            latLng: [42.5, 1.51],
            name: 'Andorra'
        }, {
            latLng: [14.01, -60.98],
            name: 'Saint Lucia'
        }, {
            latLng: [6.91, 158.18],
            name: 'Federated States of Micronesia'
        }, {
            latLng: [1.3, 103.8],
            name: 'Singapore'
        }, {
            latLng: [1.46, 173.03],
            name: 'Kiribati'
        }, {
            latLng: [-21.13, -175.2],
            name: 'Tonga'
        }, {
            latLng: [15.3, -61.38],
            name: 'Dominica'
        }, {
            latLng: [-20.2, 57.5],
            name: 'Mauritius'
        }, {
            latLng: [26.02, 50.55],
            name: 'Bahrain'
        }, {
            latLng: [0.33, 6.73],
            name: 'São Tomé and Príncipe'
        }]
    });
});

$(function() {
    var map,
        markers = [{
            latLng: [52.50, 13.39],
            name: 'Berlin'
        }, {
            latLng: [53.56, 10.00],
            name: 'Hamburg'
        }, {
            latLng: [48.13, 11.56],
            name: 'Munich'
        }, {
            latLng: [50.95, 6.96],
            name: 'Cologne'
        }, {
            latLng: [50.11, 8.68],
            name: 'Frankfurt am Main'
        }, {
            latLng: [48.77, 9.17],
            name: 'Stuttgart'
        }, {
            latLng: [51.23, 6.78],
            name: 'Düsseldorf'
        }, {
            latLng: [51.51, 7.46],
            name: 'Dortmund'
        }, {
            latLng: [51.45, 7.01],
            name: 'Essen'
        }, {
            latLng: [53.07, 8.80],
            name: 'Bremen'
        }],
        cityAreaData = [
            887.70,
            755.16,
            310.69,
            405.17,
            248.31,
            207.35,
            217.22,
            280.71,
            210.32,
            325.42
        ]

    map = new jvm.WorldMap({
        container: $('#map-hu'),
        map: 'de_merc_en',
        regionsSelectable: true,
        markersSelectable: true,
        markers: markers,
        backgroundColor: 'transparent',
        markerStyle: {
            initial: {
                fill: '#4DAC26'
            },
            selected: {
                fill: '#CA0020'
            }
        },
        regionStyle: {
            initial: {
                fill: '#B8E186'
            },
            selected: {
                fill: '#F4A582'
            }
        },
        series: {
            markers: [{
                attribute: 'r',
                scale: [5, 15],
                values: cityAreaData
            }]
        },
        onRegionSelected: function() {
            if (window.localStorage) {
                window.localStorage.setItem(
                    'jvectormap-selected-regions',
                    JSON.stringify(map.getSelectedRegions())
                );
            }
        },
        onMarkerSelected: function() {
            if (window.localStorage) {
                window.localStorage.setItem(
                    'jvectormap-selected-markers',
                    JSON.stringify(map.getSelectedMarkers())
                );
            }
        }
    });
    map.setSelectedRegions(JSON.parse(window.localStorage.getItem('jvectormap-selected-regions') || '[]'));
    map.setSelectedMarkers(JSON.parse(window.localStorage.getItem('jvectormap-selected-markers') || '[]'));
});

$(function() {
    $('#mall-map').vectorMap({
        map: 'mall',
        backgroundColor: 'transparent',
        markers: [{
            coords: [60, 110],
            name: 'Escalator 1',
            style: {
                fill: 'yellow'
            }
        }, {
            coords: [260, 95],
            name: 'Escalator 2',
            style: {
                fill: 'yellow'
            }
        }, {
            coords: [434, 95],
            name: 'Escalator 3',
            style: {
                fill: 'yellow'
            }
        }, {
            coords: [634, 110],
            name: 'Escalator 4',
            style: {
                fill: 'yellow'
            }
        }],
        series: {
            regions: [{
                values: {
                    F102: 'SPORTS & OUTDOOR',
                    F103: 'HOME DECOR',
                    F105: 'FASHION',
                    F106: 'OTHER',
                    F108: 'BEAUTY & SPA',
                    F109: 'FASHION',
                    F110: 'BEAUTY & SPA',
                    F111: 'URBAN FAVORITES',
                    F114: 'SERVICES',
                    F166: 'DINING',
                    F167: 'FASHION',
                    F169: 'DINING',
                    F170: 'ENTERTAINMENT',
                    F172: 'DINING',
                    F174: 'DINING',
                    F115: 'KIDS STUFF',
                    F117: 'LIFESTYLE',
                    F118: 'URBAN FAVORITES',
                    F119: 'FASHION',
                    F120: 'FASHION',
                    F122: 'KIDS STUFF',
                    F124: 'KIDS STUFF',
                    F125: 'KIDS STUFF',
                    F126: 'KIDS STUFF',
                    F128: 'KIDS STUFF',
                    F129: 'LIFESTYLE',
                    F130: 'HOME DECOR',
                    F132: 'DINING',
                    F133: 'SPORTS & OUTDOOR',
                    F134: 'KIDS STUFF',
                    F135: 'LIFESTYLE',
                    F136: 'LIFESTYLE',
                    F139: 'KIDS STUFF',
                    F153: 'DINING',
                    F155: 'FASHION',
                    F156: 'URBAN FAVORITES',
                    F157: 'URBAN FAVORITES',
                    F158: 'LINGERIE & UNDERWEAR',
                    F159: 'FASHION',
                    F160: 'FASHION',
                    F162: 'FASHION',
                    F164: 'FASHION',
                    F165: 'FASHION',
                    FR01: 'REST ROOMS',
                    FR02: 'REST ROOMS',
                    FR03: 'REST ROOMS',
                    FR04: 'REST ROOMS',
                    FFC: 'DINING'
                },
                scale: {
                    "FASHION": "#2761ad",
                    "LINGERIE & UNDERWEAR": "#d58aa3",
                    "BEAUTY & SPA": "#ee549f",
                    "URBAN FAVORITES": "#15bbba",
                    "SPORTS & OUTDOOR": "#8864ab",
                    "KIDS STUFF": "#ef4e36",
                    "ENTERTAINMENT": "#e47325",
                    "HOME DECOR": "#a2614f",
                    "LIFESTYLE": "#8a8934",
                    "DINING": "#73bb43",
                    "REST ROOMS": "#6c260f",
                    "SERVICES": "#504d7c",
                    "OTHER": "#c7b789"
                }
            }]
        },
        onRegionLabelShow: function(e, el, code) {
            if (el.html() === '') {
                e.preventDefault();
            }
        }
    });
});