Ireland test map

An example of what we can do for Boole2School

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
 </div>

JavaScript

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
     google.load('visualization', '1', {'packages': ['geochart']});
     google.setOnLoadCallback(drawMarkersMap);

      function drawMarkersMap() {
      var data = google.visualization.arrayToDataTable([
        ['County',   'Participating Classes'],
        ['Carlow',      8],
        ['Cavan',     1],
        ['Clare',    9],
        ['Cork',     161],
        ['Donegal',   32],
        ['Dublin',   46],
        ['Galway',   33],
        ['Kerry',   4],
           ['Kildare',   11],
           ['Kilkenny',   11],
           ['Laois',   1],
           ['Leitrim',   3],
           ['Limerick',   30],
           ['Longford',   3],
           ['Louth',   1],
           ['Mayo',   14],
           ['Meath',   5],
          ['Roscommon',   4],
           ['Sligo',   9],
           ['Tipperary',   15],
           ['Waterford',   17],
           ['Westmeath',   8],
           ['Wexford',   11],
           ['Wicklow',   16],
          
 
      ]);

      var options = {
        region: 'IE',
        colorAxis: {colors: ['#00853f', 'black', '#e31b23']},
          backgroundColor: '#81d4fa',
          datalessRegionColor: '#f8bbd0',
          defaultColor: '#f5f5f5'
      };

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    };
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>