使用 Google Visualization API GeoCharts 通过鼠标悬停突出显示大陆答案

【问题标题】：highlight continent with mouseover using Google Visualization API GeoCharts使用 Google Visualization API GeoCharts 通过鼠标悬停突出显示大陆
【发布时间】：2014-06-13 20:29:29
【问题描述】：

我有以下代码，我希望当我将鼠标悬停在某个大陆上时，它应该突出显示该大陆：我尝试了这段代码，但我没有得到那个工作

google.maps.event.addListener(map,'mouseover',function(e){

            google.load('visualization', '1', {'packages': ['geochart']});
            google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
          ['Country', 'Popularity'],
          ['Germany', 200],
          ['United States', 300],
          ['Brazil', 400],
          ['Canada', 500],
          ['France', 600],
          ['RU', 700]
        ]);

         var options = {colors:['#002e5f','#CCCCCC']}; 

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

【问题讨论】：

标签： javascript jquery google-visualization

【解决方案1】：

为了突出显示大陆，您必须将resolution 选项设置为'continents'。但是，这与使用国家级数据不兼容。

【讨论】：

【解决方案2】：

这段代码应该会有所帮助：

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);
}

【讨论】：