2012-04-13 7 views

Répondre

10

L'API ne prend pas en charge le zoom, glisser, ou le défilement.

+3

Merci. Fini de placer des marqueurs sur la carte pour atteindre mes objectifs, dommage que vous ne puissiez pas zoomer sur la géomap, c'est un excellent outil. – Shackrock

+0

Je vous entends frère – MFARID

0

J'ai eu le même problème, et GeoChart s'est avéré être trop limité à cet égard.

Une option consiste à utiliser Google Maps et les couches de données. Si vous avez besoin des marqueurs avec des couleurs et de tailles, par exemple, vous pouvez faire quelque chose comme l'exemple à la page suivante (voir « style avancé »): https://developers.google.com/maps/documentation/javascript/examples/layer-data-quakes

Vous aurez besoin de mettre en œuvre votre propre interpolation pour déterminer la taille et couleurs, mais la carte/le graphique résultant sera meilleur que GeoChart seul.

6

Comme une astuce, j'ai utilisé la propriété css zoom avec débordement: caché sur le conteneur. Mais il devrait être exécuté après chart.draw(), sur google chart ready event. Et si vous avez besoin de redessiner (je redessine sur le redimensionnement de la fenêtre pour garantir la réactivité), vous devez forcer le zoom à 1 ou 100% à nouveau avant de le dessiner à nouveau.

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

Il a travaillé pour moi et il vaut la peine d'essayer.

Questions connexes