2012-04-13 11 views

risposta

10

L'API non supporta lo zoom, trascinamento, o lo scorrimento.

+3

Grazie. Finito per posizionare i marcatori sulla mappa per raggiungere i miei obiettivi, peccato che non si possa ingrandire il geomap, è un ottimo strumento. – Shackrock

+0

Ho sentito fratello – MFARID

0

Ho avuto lo stesso problema e GeoChart si è dimostrato troppo limitato a tale riguardo.

Un'opzione è utilizzare Google Maps e Data Layer. Se avete bisogno di marcatori con colori e dimensioni, per esempio, si potrebbe fare qualcosa come l'esempio della pagina seguente (vedere 'stile avanzato'): https://developers.google.com/maps/documentation/javascript/examples/layer-data-quakes

Avrai bisogno di implementare il proprio interpolazione per determinare le dimensioni e colori, ma la mappa/grafico risultante sarà migliore del solo GeoChart.

6

Come trucco, ho usato la proprietà zoom css con overflow: nascosta sul contenitore. Ma dovrebbe essere eseguito dopo chart.draw(), su evento google chart ready.

E se è necessario ridisegnare (sto ridisegnando sulla ridimensionamento della finestra per garantire la reattività), è necessario forzare nuovamente lo zoom su 1 o 100% prima di disegnarlo di nuovo.

HTML:

<div id="container" style="overflow:hidden; width:..px;"> 
    <div id="chart_div"></div> 
</div> 

JS (jQuery):

$("#chart_div").css("zoom",1); 

// [... google chart code generation ...] 

google.visualization.events.addListener(chart, 'ready', function() { $("#chart_div").css("zoom",1.4); }); 
chart_draw(data, options); 

Ha funzionato per me e vale la pena provare.