✏️ Editing: mapael_example_2.js

$(function() {
  'use strict';
  if ($(".mapael-example-2").length) {
    $(".mapael-example-2").mapael({
      map: {
        name: "france_departments",
        defaultArea: {
          attrs: {
            fill: "#f4f4e8",
            stroke: "#00a1fe"
          },
          attrsHover: {
            fill: "#a4e100"
          }
        }
      },
      legend: {
        plot: [{
          labelAttrs: {
            fill: "#4a4a4a"
          },
          titleAttrs: {
            fill: "#4a4a4a"
          },
          cssClass: 'population',
          mode: 'horizontal',
          title: "Population",
          marginBottomTitle: 5,
          slices: [{
            size: 25,
            legendSpecificAttrs: {
              fill: '#00a1fe'
            },
            label: "< 10 000",
            max: "10000"
          }, {
            size: 25,
            legendSpecificAttrs: {
              fill: '#00a1fe'
            },
            label: "> 10 000 and < 100 000",
            min: "10000",
            max: "100000"
          }, {
            size: 25,
            legendSpecificAttrs: {
              fill: '#00a1fe'
            },
            label: "> 100 000",
            min: "100000"
          }]
        }]
      },
      plots: {
        'ny': {
          latitude: 40.717079,
          longitude: -74.00116,
          tooltip: {
            content: "New York"
          },
          value: [5000, 20]
        },
        'an': {
          latitude: 61.2108398,
          longitude: -149.9019557,
          tooltip: {
            content: "Anchorage"
          },
          value: [50000, 20]
        },
        'sf': {
          latitude: 37.792032,
          longitude: -122.394613,
          tooltip: {
            content: "San Francisco"
          },
          value: [150000, 20]
        },
        'pa': {
          latitude: 19.493204,
          longitude: -154.8199569,
          tooltip: {
            content: "Pahoa"
          },
          value: [5000, 200]
        },
        'la': {
          latitude: 34.025052,
          longitude: -118.192006,
          tooltip: {
            content: "Los Angeles"
          },
          value: [50000, 200]
        },
        'dallas': {
          latitude: 32.784881,
          longitude: -96.808244,
          tooltip: {
            content: "Dallas"
          },
          value: [150000, 200]
        },
        'miami': {
          latitude: 25.789125,
          longitude: -80.205674,
          tooltip: {
            content: "Miami"
          },
          value: [5000, 2000]
        },
        'washington': {
          latitude: 38.905761,
          longitude: -77.020746,
          tooltip: {
            content: "Washington"
          },
          value: [50000, 2000]
        },
        'seattle': {
          latitude: 47.599571,
          longitude: -122.319426,
          tooltip: {
            content: "Seattle"
          },
          value: [150000, 2000]
        },
        'test1': {
          latitude: 44.671504,
          longitude: -110.957968,
          tooltip: {
            content: "Test 1"
          },
          value: [5000, 2000]
        },
        'test2': {
          latitude: 40.667013,
          longitude: -101.465781,
          tooltip: {
            content: "Test 2"
          },
          value: [50000, 200]
        },
        'test3': {
          latitude: 38.362031,
          longitude: -86.875938,
          tooltip: {
            content: "Test 3"
          },
          value: [150000, 20]
        }
      }
    });
  }
});

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team



Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team