google-visualization - 座標付きのGoogleジオチャート？

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>

それを行うには多くの方法がありますが、これは1つだけです。

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 PennsylvaniaAve」）。または最初の2列は数値で、最初の列は緯度、2番目の列は経度です。

データセットの最初の2列を、緯度と経度を表す数値として定義する必要があります。