google-visualization - 带有坐标的谷歌地理图表？

Question

我想使用带有坐标的谷歌地理图表（longtitute，latitute）。但我找不到关于这个话题的任何例子。有很多地区和城市的例子。但是我找不到坐标。

请，代码示例，链接，教程还有什么？

谢谢。

Answer 1

您可以在此处查看示例：

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

  function drawVisualization() {var data = new google.visualization.DataTable();

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

data.addRows([[41.151636,-8.569336,0,'tooltip']]);
data.addRows([[ 39.059575,-98.789062,0,'tooltip']]);
                               
 
 var options = {
 colorAxis:  {minValue: 0, maxValue: 0,  colors: ['#6699CC']},
 legend: 'none',    
 backgroundColor: {fill:'transparent',stroke:'#FFF' ,strokeWidth:0 },    
 datalessRegionColor: '#f5f5f5',
 displayMode: 'markers', 
 enableRegionInteractivity: 'true', 
 resolution: 'countries',
 sizeAxis: {minValue: 1, maxValue:1,minSize:5,  maxSize: 5},
 region:'world',
 keepAspectRatio: true,
 width:400,
 height:300,
 tooltip: {textStyle: {color: '#444444'}}    
 };
  var chart = new   google.visualization.GeoChart(document.getElementById('visualization')); 
     
    
 
 chart.draw(data, options);
 
 
 }
 
 

<script src="https://www.google.com/jsapi?fake=.js"></script>
<div id="visualization"></div>

有很多方法可以做到，这只是其中一种。

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

data.addRows([[41.151636,-8.569336,0,'tooltip']]);
data.addRows([[ 39.059575,-98.789062,0,'tooltip']]);

Answer 2

如文档中所述：

标记位置 [必需] 第一列是特定的字符串地址（例如，“1600 Pennsylvania Ave”）。OR 前两列是数字，其中第一列是纬度，第二列是经度。

您需要将数据集的前两列定义为表示纬度和经度的数值。