ponk - 経済統計練習帳

<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([
        ['City',   'Population', 'Area'],
        ['aomori',      2761477,    1285.31],
        ['TOKYO',     1324110,    181.76],
        ['AICHI',    959574,     117.27],
        ['ISHIKAWA',     907563,     130.17]
      ]);
 
      var options = {
        region: 'JP',
       resolution: 'provinces',
        colorAxis: {colors: ['green', 'blue']}
      };
 
      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>