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显示了如何执行此操作：

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

1 个答案: