2017-02-10 15 views
1

Привет им работать с googleCharts https://developers.google.com/chart/interactive/docs/gallery/geochart И мне нужно установить GeoHash в столбцы для построения графика, но я стараюсь и в данный момент делаю работу с широтой и долготой, его работойGoogle Диаграмма С 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.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> 

Но если Я стараюсь с geohash, покажите мне эту ошибку консоль:

drawMarkersMap — cargamapa:72ReferenceError: Can't find variable: gbsuv

Моего VARS

data.addRows([ 
     ['gbsuv', 'Foo', 2.86, 4], 
     ['gbsuv', 'Bar', 5, 2], 
     ['gbtst' 'Baz', 0.50, 1], 

    ]); 

ответ

2

пожалуйста, поделитесь значения varaibles ...

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

EDIT

data format для map v isualization не поддерживает geohash

Two data formats are supported:

1.Lat-Long pairs - The first two columns should be numbers designating the latitude and longitude, respectively. An optional third column holds a string that describes the location specified in the first two columns.

2.String address - The first column should be a string that contains an address. This address should be as complete as you can make it. An optional second column holds a string that describes the location in the first column. String addresses load more slowly, especially when you have more than 10 addresses.

однако, вы могли бы расшифровать geohash с использованием библиотеки, такие как ...

latlon-geohash.js

вызова функции ->Geohash.decode(geohash)
воли вернуть объект со свойствами для lat и lon

var gbsuv = Geohash.decode('gbsuv'); 

data.addRows([ 
    [gbsuv.lat, gbsuv.lon, 'Foo', 2.86, 4], 
    ... 
]); 
+0

vars имеют то же значение, что и строка –

+0

см. __EDIT__ выше ... – WhiteHat