谷歌图表(GeoChart) - 放大距离

Question

使用Google Charts GeoChart:https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart

是否可以放大比整个区域更近？也就是说,要获得地图的街景级别,并仍然在上面的链接上的标记示例中显示标记？

谢谢大家的帮助......

Answer 1

API不支持缩放,拖动或滚动.

Answer 2

作为一个技巧,我使用了溢出的css zoom属性:隐藏在容器上.但它应该在google图表就绪事件的chart.draw()之后执行.

如果你需要重绘(我正在重新调整窗口大小以保证响应),你应该再次强制缩放到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);

它对我有用,值得一试.