谷歌圖表（GeoChart） - 進一步放大

Question

使用谷歌圖表GeoChart：https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart

是否有可能不僅僅是一個整體的區域更靠近放大？也就是說，要獲得地圖的街景級別，並仍將標記示例中所示的標記放置在上面的鏈接上？

感謝所有幫助...

Answer 1

的API不支持縮放，拖動，或滾動。

Answer 2

我有同樣的問題，並GeoChart證明在這方面太有限。

一種選擇是使用谷歌地圖和數據層。例如，如果您需要具有顏色和大小的標記，則可以在下一頁執行類似示例（請參閱'高級樣式'）： https://developers.google.com/maps/documentation/javascript/examples/layer-data-quakes

您需要實現自己的插值以確定尺寸和顏色，但最終的地圖/圖表會比GeoChart單獨更好。

Answer 3

現在看起來像谷歌圖表有一個名爲「探險家」的expiremental選項，對於某些圖表類型的作品。參見： https://developers.google.com/chart/interactive/docs/gallery/linechart#Configuration_Options

Answer 4

作爲一個技巧，我使用了帶溢出的css縮放屬性：隱藏在容器上。但它應該在chart.draw（）之後執行，在google chart ready事件中執行。

如果你需要重繪（我在重繪窗口大小調整，以保證響應），你應該強制變焦爲1或100％再次再次之前繪製。

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

它的工作對我來說，這是值得嘗試。