我想使用谷歌geochart坐标(longtitute,latitute)。 但我不能找到有关此主题的任何例子。 有很多例子与地区和城市的例子。 但随着坐标我不能找到。
请,代码示例,链接,辅导任何别人的事情吗?
谢谢。
我想使用谷歌geochart坐标(longtitute,latitute)。 但我不能找到有关此主题的任何例子。 有很多例子与地区和城市的例子。 但随着坐标我不能找到。
请,代码示例,链接,辅导任何别人的事情吗?
谢谢。
由于在上述文件 :
标记位置[必需]的第一列是一个特定的字符串的地址(例如,“1600宾夕法尼亚州大街”)。 或前两列是数字,其中,所述第一列是纬度和第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']]);