Google座標爲geocharts？

Question

我想使用谷歌地理座標（longtitute，latitute）。但我無法找到關於這個話題的任何例子。有很多地區和城市的例子。但與我不能找到的座標。

請問，代碼示例，鏈接，教程還有其他的東西嗎？

謝謝。

Answer 1

如documentation說：

標記位置[必需]的第一列是一個特定的字符串 地址（例如， 「1600賓夕法尼亞州大街」）。 OR前兩列 列爲數字，其中第一列爲緯度，第二列爲經度。

您需要將數據集的前兩列定義爲表示緯度和經度的數值。

Answer 2

你可以在這裏查看一個例子：

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']]);