地図の色分け - 欧州

Google Chartを利用し、欧州の地図を表示する。

基本的にはここを参照して記載をすれば良いが、Bloggerで表示するためにCDATAの間にJavascriptを記載する（参照）。

国の名称については、ISO3166に準ずる。

地図に表示する地域は、optionsで指定している。ここではEurope全体を表すために150を指定する。

var options = {region: '150'}; 

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
    //<![CDATA[　　　　　　　　　　　　　　　　　　　　　　　　　　
    <!--　
      google.charts.load('current', {
        'packages':['geochart'],
        // Note: プロジェクトのmapsApiKeyを取得する必要があります。
        // 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'],
          ['Germany', 600],
          ['UK', 500],
          ['Belgium', 400],
          ['Spain', 500],
          ['FR', 200]        ]);
        //描画オプション：描画地域などを設定できる。
        var options = {region: '150'};
        //地図を描画するための要素を指定する。
        var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
        //地図を描画する
        chart.draw(data, options);
      }
      //-->　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
      //]]>　　
    </script>

    <div id="regions_div" style="width: 500px; height: 500px;"></div>    

Region Oprions 

• 005 - (South America)
• 013 - (Central America)
• 021 - (North America)
• 002 - (All of Africa)
• 017 - (Central Africa)
• 015 - (Northern Africa)
• 018 - (Southern Africa)
• 030 - (Eastern Asia)
• 034 - (Southern Asia)
• 035 - (Asia/Pacific region)
• 143 - (Central Asia)
• 145 - (Middle East)
• 150 - (Europe)
• 151 - (Northern Asia)
• 154 - (Northern Europe)
• 155 - (Western Europe)
• 039 - (Southern Europe)