javascript - Google 地理 map API 中的标签

Question

我目前正在编写此代码，一切正常，但是当我用鼠标悬停在一个国家/地区时，我只希望国家/地区名称出现在标签中，而不是相关值。我可以这样做吗？如果是这样，怎么办？

提前致谢!

这是 JavaScript 代码:

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

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Value'],
      ['Albania', 1],
      ['Algeria', 1],
    ]);

    var options = {
        colorAxis: {colors:['#386a90']}, legend:'none', datalessRegionColor:'#f1f1f1'
        };
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);

};
</script>

Answer 1

您可以创建额外的工具提示字段并以这种方式添加数据。

var data = new google.visualization.DataTable();

data.addColumn('string', 'Country'); 
data.addColumn('number', 'Value'); 
data.addColumn({type:'string', role:'tooltip'}); 

data.addRows([['Albania',1,"Extra Information"]]);
data.addRows([['Algeria',1,"Extra Information"]]);

我在我的应用程序中使用了以下代码格式: http://cmoreira.net/interactive-world-maps-demo/france-example/