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