{# Settings #}
{% set root = "../../" %}
{% set mainNavActive_1 = "shortcodes" %}
{% set sidebarNavActive_1 = "shortcode-base-vector-maps" %}
{% set title = "Vector Maps | " %}

{% include "html/assets/include/nunjucks/partials/head.njk" %}
{% include "html/assets/include/nunjucks/partials/core-fonts.njk" %}
{% include "html/assets/include/nunjucks/partials/core-css.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/bootstrap/offcanvas.css">
{% include "html/assets/include/nunjucks/partials/core-icons.njk" %}
<link rel="stylesheet" href="{{ root }}assets/vendor/animate.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jquery-ui/themes/base/jquery-ui.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/hamburgers/hamburgers.min.css">
<link rel="stylesheet" href="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.css">

{% include "html/assets/include/nunjucks/partials/css/css-showcode.njk" %}

{% include "html/assets/include/nunjucks/partials/css/css-unify.njk" %}
{% include "html/assets/include/nunjucks/partials/css/css-custom.njk" %}
</head>

<body>
  <main>
    {% include "html/assets/include/nunjucks/partials/blocks/headers/header-main-fullwidth.njk" %}

    <section class="container-fluid">
      <div class="row row-offcanvas row-offcanvas-left">
        <div class="col-auto sidebar-offcanvas u-sidebar-navigation g-bg-secondary g-px-0 g-py-20">
          {% include "html/assets/include/nunjucks/partials/blocks/sidebars/sidebar-local-search.njk" %}
        </div>

        <div class="col g-py-30 g-pa-30--md">
          <div class="g-hidden-md-up">
            <button type="button" class="btn btn-primary btn-sm"
                    data-toggle="offcanvas">Toggle shocrtcode nav
            </button>
          </div>

          <div class="g-pt-30">
            <h1 class="g-font-weight-300 g-letter-spacing-1 g-mb-35">Vector Maps</h1>

            <div class="container">
              <!-- GDP by Country Visualization -->
              <div class="row">
                <div class="col-md-3">
                  <h3 class="h4 g-font-weight-300 g-mb-30">GDP by Country Visualization</h3>
                </div>

                <div class="col-md-9">
                  <div id="shortcode1">
                    <div class="shortcode-html">
                      <ul class="u-list-inline" role="tablist">
                        <li class="d-sm-inline-block d-block">
                          <a href="#" id="australia" class="btn btn-md u-btn-darkgray g-mb-15">Focus on Australia</a>
                        </li>
                        <li class="d-sm-inline-block d-block">
                          <a href="#" id="australiaAndJapan" class="btn btn-md u-btn-darkgray g-mb-15">Focus on Australia and Japan</a>
                        </li>
                        <li class="d-sm-inline-block d-block">
                          <a href="#" id="initialState" class="btn btn-md u-btn-darkgray g-mb-15">Return to the initial state</a>
                        </li>
                      </ul>

                      <div class="embed-responsive embed-responsive-21by9">
                        <div id="vmap" class="g-pos-abs g-top-0 g-left-0 w-100 h-100"></div>
                      </div>
                    </div>

                    <div class="shortcode-styles">
                      <!-- CSS Implementing Plugins -->
                      <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.css">
                    </div>

                    <div class="shortcode-scripts">
                      <!-- JS Implementing Plugins -->
                      <script type="text/plain" src="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.min.js"></script>
                      <script type="text/plain" src="{{ root }}assets/vendor/jvectormap/tests/assets/jquery-jvectormap-world-mill-en.js"></script>

                      <!-- JS Unify -->
                      <script type="text/plain" src="{{ root }}assets/js/components/hs.map.svg.js"></script>

                      <!-- JS Plugins Init. -->
                      <script type="text/plain">
                        $(document).on('ready', function () {
                          var countriesBgColors1 = {
                            "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,
                            "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
                          };

                          // initialization of SVG map
                          $.HSCore.components.HSSvgMap.init('#vmap', {
                            series: {
                              regions: [{
                                scale: ['#C8EEFF', '#0071A4'],
                                normalizeFunction: 'polynomial',
                                values: countriesBgColors1
                              }]
                            }
                          });

                          // custom functions
                          var mapObj = $('#vmap').vectorMap('get', 'mapObject');

                          $('#australia').on('click', function (e) {
                            e.preventDefault();
                            mapObj.setFocus({
                              region: 'AU'
                            });
                          });

                          $('#australiaAndJapan').on('click', function (e) {
                            e.preventDefault();
                            mapObj.setFocus({
                              regions: ['AU', 'JP']
                            });
                          });

                          $('#initialState').on('click', function (e) {
                            e.preventDefault();
                            mapObj.setFocus({
                              x: 0.5,
                              y: 0.5,
                              scale: 1
                            });
                          });
                        });
                      </script>
                    </div>
                  </div>

                  {% set contentTarget = "#shortcode1" %}
                  {% set modalID = "#modalMarkup" %}
                  {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
                </div>
              </div>
              <!-- End GDP by Country Visualization -->

              <hr class="g-brd-gray-light-v4 g-my-60">

              <!-- Markers on the World Map -->
              <div class="row">
                <div class="col-md-3">
                  <h3 class="h4 g-font-weight-300 g-mb-30">Markers on the World Map</h3>
                </div>

                <div class="col-md-9">
                  <div id="shortcode2">
                    <div class="shortcode-html">
                      <div class="embed-responsive embed-responsive-16by9">
                        <div id="vmapMarkers" class="g-pos-abs g-top-0 g-left-0 w-100 h-100"></div>
                      </div>
                    </div>

                    <div class="shortcode-styles">
                      <!-- CSS Implementing Plugins -->
                      <link type="text/plain" rel="stylesheet" href="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.css">
                    </div>

                    <div class="shortcode-scripts">
                      <!-- JS Implementing Plugins -->
                      <script type="text/plain" src="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.min.js"></script>
                      <script type="text/plain" src="{{ root }}assets/vendor/jvectormap/tests/assets/jquery-jvectormap-world-mill-en.js"></script>

                      <!-- JS Unify -->
                      <script type="text/plain" src="{{ root }}assets/js/components/hs.map.svg.js"></script>

                      <!-- JS Plugins Init. -->
                      <script type="text/plain">
                        $(document).on('ready', function () {
                          var markers2 = [{
                            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'
                          }];

                          // initialization of SVG map
                          $.HSCore.components.HSSvgMap.init('#vmapMarkers', {
                            scaleColors: ['#C8EEFF', '#0071A4'],
                            markerStyle: {
                              initial: {
                                fill: '#F8E23B',
                                stroke: '#383f47'
                              }
                            },
                            backgroundColor: '#383f47',
                            markers: markers2
                          });
                        });
                      </script>
                    </div>
                  </div>

                  {% set contentTarget = "#shortcode2" %}
                  {% set modalID = "#modalMarkup" %}
                  {% include "html/assets/include/nunjucks/partials/blocks/show-code.njk" %}
                </div>
              </div>
              <!-- End Markers on the World Map -->
            </div>
          </div>
        </div>
      </div>
    </section>

    {% include "html/assets/include/nunjucks/partials/blocks/cta/cta-main.njk" %}

    {% include "html/assets/include/nunjucks/partials/blocks/footers/footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/footers/copyright-footer-main.njk" %}
    {% include "html/assets/include/nunjucks/partials/blocks/go-to-top/go-to-top-1.njk" %}
  </main>

  {% include "html/assets/include/nunjucks/partials/blocks/modals/modal-markup.njk" %}

  {% include "html/assets/include/nunjucks/partials/core-js.njk" %}
  <script src="{{ root }}assets/vendor/bootstrap/offcanvas.js"></script>

  <!-- JS Implementing Plugins -->
  <script src="{{ root }}assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
  <script src="{{ root }}assets/vendor/jvectormap/jquery-jvectormap-2.0.3.min.js"></script>
  <script src="{{ root }}assets/vendor/jvectormap/tests/assets/jquery-jvectormap-world-mill-en.js"></script>

  {% include "html/assets/include/nunjucks/partials/js/js-jquery-ui-core.njk" %}

  <!-- jQuery UI Helpers -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/menu.js"></script>
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/mouse.js"></script>

  <!-- jQuery UI Widgets -->
  <script src="{{ root }}assets/vendor/jquery-ui/ui/widgets/autocomplete.js"></script>

  <!-- JS Unify -->
  <script src="{{ root }}assets/js/hs.core.js"></script>
  <script src="{{ root }}assets/js/components/hs.header.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.hamburgers.js"></script>
  <script src="{{ root }}assets/js/components/hs.map.svg.js"></script>
  <script src="{{ root }}assets/js/components/hs.autocomplete-local-search.js"></script>
  <script src="{{ root }}assets/style-switcher/vendor/cookiejs/jquery.cookie.js"></script>
  <script src="{{ root }}assets/js/helpers/hs.shortcode-filter.js"></script>
  <script src="{{ root }}assets/js/components/hs.go-to.js"></script>

  {% include "html/assets/include/nunjucks/partials/js/js-show-code.njk" %}

  <!-- JS Custom -->
  <script src="{{ root }}assets/js/custom.js"></script>

  <!-- JS Plugins Init. -->
  <script>
    $(document).on('ready', function () {
      // initialization of go to
      $.HSCore.components.HSGoTo.init('.js-go-to');

      // initialization of SVG map
      var countriesBgColors1 = {
          "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,
          "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
        },

        markers2 = [{
          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'
        }];

      $.HSCore.components.HSSvgMap.init('#vmap', {
        series: {
          regions: [{
            scale: ['#C8EEFF', '#0071A4'],
            normalizeFunction: 'polynomial',
            values: countriesBgColors1
          }]
        }
      });

      $.HSCore.components.HSSvgMap.init('#vmapMarkers', {
        scaleColors: ['#C8EEFF', '#0071A4'],
        markerStyle: {
          initial: {
            fill: '#F8E23B',
            stroke: '#383f47'
          }
        },
        backgroundColor: '#383f47',
        markers: markers2
      });

      // custom functions
      var mapObj = $('#vmap').vectorMap('get', 'mapObject');

      $('#australia').on('click', function (e) {
        e.preventDefault();
        mapObj.setFocus({
          region: 'AU'
        });
      });

      $('#australiaAndJapan').on('click', function (e) {
        e.preventDefault();
        mapObj.setFocus({
          regions: ['AU', 'JP']
        });
      });

      $('#initialState').on('click', function (e) {
        e.preventDefault();
        mapObj.setFocus({
          x: 0.5,
          y: 0.5,
          scale: 1
        });
      });
    });

    $(window).on('load', function () {
      // initialization of header
      $.HSCore.components.HSHeader.init($('#js-header'));
      $.HSCore.helpers.HSHamburgers.init('.hamburger');

      // initialization of autocomplet
      $.HSCore.components.HSLocalSearchAutocomplete.init('#autocomplete1');

      // initialization of HSMegaMenu component
      $('.js-mega-menu').HSMegaMenu({
        event: 'hover',
        pageContainer: $('.container'),
        breakpoint: 991
      });
    });
  </script>
</body>
</html>
