HMT Map Code

by marium_ladha

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="regions_div" style="width: 900px; height: 500px;"></div>

CSS

path {
  stroke: #555;
}

JavaScript

google.charts.load('current', {
        'packages':['geochart'],
        // Note: you will need to get a mapsApiKey for your project.
        // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
        'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
      });
      google.charts.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
     ['Algeria',1],
['Bahrain',1],
['Egypt',1],
['Iraq',1],
['Jordan',1],
['Kuwait',1],
['Lebanon',1],
['Libya',1],
['Morocco',1],
['Oman',1],
['Palestine',1],
['Qatar',1],
['Saudi Arabia',0],
['Sudan',1],
['Tunisia',1],
['United Arab Emirates',1],
['Yemen',1],

]);

        var options = { colorAxis: {colors: ['white','orange']}, legend: 'none',};

        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));

        chart.draw(data, options);
      }