如何使用 Google Visualization Geochart 突出显示非洲和其他地区？

Question

我正在尝试找到一种可以突出显示并单击各个区域的地图解决方案，其中一个区域是非洲。我也在寻找一个可以很好地与 Angularjs 配合使用的解决方案。

我认为Google Visualization Chart 可能合适。这允许使用网站上列出的区域代码选择区域。

我尝试添加几个区域，唯一可以使用的区域是澳大利亚 (AU)，以下对我不起作用：

      ['Europe', 150], 
      ['Western Asia', 145],  
      ['Asia', 142],
      ['Africa', 002]

这是我用来测试的jsfiddle。

是我做错了什么还是图表本身有问题？

谢谢。

Answer 1

  google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {

      var data = google.visualization.arrayToDataTable([
          ['Region Code', 'Continent', 'Popularity'],
          ['142', 'Asia', 200],
          ['150', 'Europe', 300],
          ['019', 'Americas', 400],
          ['009', 'Oceania', 600],
          ['002', 'Africa', 700]
      ]);

      var options = {
          resolution: 'continents'
      };

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

      chart.draw(data, options);
  }

这个jsfiddle 展示了如何做到这一点：