Google geomap中的标签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

没有内置的方式来做到这一点。 您可以完全避免提示此option：

tooltip: {trigger: 'none'} 

否则，但这不是由API支持，你很可能设法避开字符串的“值”显示，“：”和“1 “通过查找 - 例如jQuery.contains（） - 所有包含字符串”Value“，”：“或”1“的类型为”text“的标签并隐藏它们。这不会看起来很好，因为工具提示广场将保持大型，但这可能会诀窍。

Answer 2

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

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/

Answer 3

它似乎没有使用数组来创建数据表时工作，但工作，如果你直接创建数据表和填充它与条目。这里解释：How to remove coordinates from tooltip of Googles Geo Charts