Javascript 使用geohash的Google图表
嗨,我在谷歌图表公司工作 我需要将GeoHash设置为要绘制的列,但我尝试了,目前还没有成功 随着纬度和经度,它的作品Javascript 使用geohash的Google图表,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,嗨,我在谷歌图表公司工作 我需要将GeoHash设置为要绘制的列,但我尝试了,目前还没有成功 随着纬度和经度,它的作品 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript" src="<?php echo base_url();?>assets/js/script
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/script.js"></script>
<script type="text/javascript">
google.charts.load('upcoming', {'packages': ['geochart']});
google.charts.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Latitude');
data.addColumn('number', 'Longitude');
data.addColumn('string', 'Label');
data.addColumn('number', 'Value 1');
data.addColumn('number', 'Value 2');
data.addRows([
[-22.764042, -43.39921, 'Foo', 2.86, 4],
[-22.755635, -43.460325, 'Bar', 5, 2],
[-22.912897, -43.200295, 'Baz', 0.50, 1],
[-22.805776, -43.37292, 'Cad', 6.67, 2],
[-23.532905, -46.63952, 'Qud', 33.33, 5]
]);
var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, {
width: 600,
region: 'BR',//rgiomn
colorAxis: {colors: ['green', 'blue']} //color de transicion
});
};
</script>
请分享变量的值
gbsuv, gbtst, gbtse
如果它们是数组([]
),请尝试
data.addRows([
[gbsuv[0], gbsuv[1], 'Foo', 2.86, 4],
[gbsuv[0], gbsuv[1], 'Bar', 5, 2],
[gbtst[0], gbtst[1], 'Baz', 0.50, 1],
[gbtse[0], gbtse[1], 'Cad', 6.67, 2]
]);
编辑 用于地图可视化的不支持geohash 支持两种数据格式: 1.Lat Long pairs-前两列应该是分别表示纬度和经度的数字。可选的第三列包含描述前两列中指定位置的字符串 2.字符串地址-第一列应该是包含地址的字符串。这个地址应该尽可能完整。可选的第二列包含描述第一列中位置的字符串。字符串地址加载更慢,尤其是当您有10个以上的地址时 但是,您可以使用诸如 调用函数-->
Geohash.decode(Geohash)
将返回具有
lat
和lon
属性的对象
var gbsuv = Geohash.decode('gbsuv');
data.addRows([
[gbsuv.lat, gbsuv.lon, 'Foo', 2.86, 4],
...
]);
变量的值与字符串的值相同
var gbsuv = Geohash.decode('gbsuv');
data.addRows([
[gbsuv.lat, gbsuv.lon, 'Foo', 2.86, 4],
...
]);