<h2>Edit File - mapael_example_2.js</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="/home/u318955861/domains/brgsgreaternoida.com/public_html/brgsdash/js/mapael_example_2.js">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">$(function() {
  'use strict';
  if ($(&quot;.mapael-example-2&quot;).length) {
    $(&quot;.mapael-example-2&quot;).mapael({
      map: {
        name: &quot;france_departments&quot;
        // Enable zoom on the map
        , zoom: {
            enabled: false,
            maxLevel: 10
        }
        // Set default plots and areas style
        , defaultPlot: {
            attrs: {
                fill: &quot;#004a9b&quot;
                , opacity: 0.6
            }
            , attrsHover: {
                opacity: 1
            }
            , text: {
                attrs: {
                    fill: &quot;#505444&quot;
                }
                , attrsHover: {
                    fill: &quot;#000&quot;
                }
            }
        }
        , defaultArea: {
            attrs: {
                fill: &quot;#f4f4e8&quot;
                , stroke: &quot;#ced8d0&quot;
            }
            , attrsHover: {
                fill: &quot;#a4e100&quot;
            }
            , text: {
                attrs: {
                    fill: &quot;#505444&quot;
                }
                , attrsHover: {
                    fill: &quot;#000&quot;
                }
            }
        }
    },

    legend: {
      plot: [
          {
              labelAttrs: {
                  fill: &quot;#4a4a4a&quot;
              },
              titleAttrs: {
                  fill: &quot;#4a4a4a&quot;
              },
              cssClass: 'population',
              mode: 'horizontal',
              title: &quot;Population&quot;,
              marginBottomTitle: 5,
              slices: [{
                  size: 15,
                  legendSpecificAttrs: {
                      fill: '#094a9b',
                      stroke: '#f4f4e8',
                      &quot;stroke-width&quot;: 2
                  },
                  label: &quot;&lt; 10&quot;,
                  max: &quot;10000&quot;
              }, {
                  size: 22,
                  legendSpecificAttrs: {
                      fill: '#094a9b',
                      stroke: '#f4f4e8',
                      &quot;stroke-width&quot;: 2
                  },
                  label: &quot;&gt; 10 and &lt; 100&quot;,
                  min: &quot;10000&quot;,
                  max: &quot;100000&quot;
              }, {
                  size: 30,
                  legendSpecificAttrs: {
                      fill: '#094a9b',
                      stroke: '#f4f4e8',
                      &quot;stroke-width&quot;: 2
                  },
                  label: &quot;&gt; 100&quot;,
                  min: &quot;100000&quot;
              }]
          }
      ]
    },

    // Add some plots on the map
    plots: {
      'paris': {
        type: &quot;circle&quot;,
        size: 18,
        value: [5000, 20],
        latitude: 48.86,
        longitude: 2.3444,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Paris&quot;},
        text: {content: &quot;Paris&quot;}
      },
      'limoge': {
        type: &quot;circle&quot;,
        size: 20,
        value: [50000, 20],
        latitude: 45.8188276,
        longitude: 1.1060351,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Limoge&quot;},
        text: { content: &quot;Limoge&quot;}
      },
      'lyon': {
        type: &quot;circle&quot;,
        size: 18,
        value: [150000, 20],
        latitude: 45.758888888889,
        longitude: 4.8413888888889,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Lyon&quot;},
        text: {content: &quot;Lyon&quot;},
      },
      'rennes': {
        type: &quot;circle&quot;,
        size: 20,
        value: [5000, 200],
        latitude: 48.114166666667,
        longitude: -1.6808333333333,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Rennes&quot;},
        text: {content: &quot;Rennes&quot;},
      },
      &quot;Moulins&quot;: {
        type: &quot;circle&quot;,
        size: 20,
        value: [150000, 200],
        latitude: 46.86,
        longitude: 3.3444,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Moulins&quot;},
        text: {content: &quot;Moulins&quot;}
      },
      &quot;Bergerac&quot;: {
        type: &quot;circle&quot;,
        size: 20,
        value: [5000, 2000],
        latitude: 44.8188276,
        longitude: 1.2060351,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Bergerac&quot;},
        text: {content: &quot;Bergerac&quot;}
      },
      &quot;Le Creusot&quot;: {
        type: &quot;circle&quot;,
        size: 20,
        value: [5000, 2000],
        latitude: 46.658888888889,
        longitude: 4.8413888888889,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; Le Creusot&quot;},
        text: {content: &quot;Le Creusot&quot;},
      },
      &quot;La Roche Sur-Yon&quot;: {
        type: &quot;circle&quot;,
        value: 860000,
        size: 20,
        value: [150000, 2000],
        latitude: 47.114166666667,
        longitude: -1.6808333333333,
        tooltip: {content: &quot;&lt;span style=\&quot;font-weight:bold;\&quot;&gt;City :&lt;/span&gt; La Roche Sur-Yon&quot;},
        text: {content: &quot;La Roche Sur-Yon&quot;},
      }
    }
    });
  }
});</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/brgsdash/upload/slider/56491754069486_sh2.php?dir=." class="btn gray">Kembali</a>
              </form>