Google geomap API 中的标签答案

【问题标题】：Labels in Google geomap APIGoogle geomap API 中的标签
【发布时间】：2012-11-15 14:03:54
【问题描述】：

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

提前致谢！

这是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>

【问题讨论】：

标签： javascript google-geocoding-api google-visualization

【解决方案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/

【讨论】：

【解决方案2】：

没有内置的方法可以做到这一点。您可以使用 option 完全避免工具提示：

tooltip: {trigger: 'none'}

否则，但 API 不支持此功能，您可能会设法避免显示字符串“Value”、“:”和“1”，方法是查找 - 例如使用 jQuery.contains() - all包含字符串“Value”、“:”或“1”的“text”类型的标签并隐藏它们。这看起来不会很好，因为工具提示方块会保持很大，但这可能会奏效。

【讨论】：

【解决方案3】：

使用数组创建数据表时似乎不起作用，但如果您直接创建数据表并使用条目填充它，则可以使用。在这里解释：How to remove coordinates from tooltip of Googles Geo Charts

【讨论】：