带有坐标的Google地图？

Question

我想使用谷歌geochart与坐标(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宾夕法尼亚大道”）。OR 前两列是数字，其中第一列是纬度，第二列是经度。

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