Interim Report

by ryhantomita

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="geochart-colors" style="width: 750px; height: 433px;"></div>

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', '% of Individuals Using the Internet'],
          ['Papua New Guinea', 9.6],
          ['Philippines', 55.5],
          ['Uzbekistan', 46.8]
        ]);

        var options = {
          region: ['142, 054'], // Asia Pacific
          colorAxis: {
            colors: ['#00853f', 'black', '#e31b23']
          },
          backgroundColor: '#81d4fa',
          datalessRegionColor: '#FFFFFF',
          defaultColor: '#f5f5f5',
        };

        var chart = new google.visualization.GeoChart(document.getElementById('geochart-colors'));
        chart.draw(data, options);
      };

      AmCharts.ready(function() {
        map = new AmCharts.AmMap();
        map.pathToImages = "http://www.ammap.com/lib/3/images/";
        //map.panEventsEnabled = true; // this line enables pinch-zooming and dragging on touch devices
        map.balloon.color = "#000000";

        var dataProvider = {
          mapVar: AmCharts.maps.worldLow,
          getAreasFromMap: true
        };

        map.dataProvider = dataProvider;

        map.areasSettings = {
          autoZoom: true,
          selectedColor: "#CC0000"
        };

        map.smallMap = new AmCharts.SmallMap();

        map.write("mapdiv");
      });