谷歌与坐标geocharts?(Google geocharts with coordinates?

2019-09-21 00:28发布

我想使用谷歌geochart坐标(longtitute,latitute)。 但我不能找到有关此主题的任何例子。 有很多例子与地区和城市的例子。 但随着坐标我不能找到。

请,代码示例,链接,辅导任何别人的事情吗?

谢谢。

Answer 1:

由于在上述文件 :

标记位置[必需]的第一列是一个特定的字符串的地址(例如,“1600宾夕法尼亚州大街”)。 或前两列是数字,其中,所述第一列是纬度和第2栏是经度。

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



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


文章来源: Google geocharts with coordinates?