css - 谷歌地图 Canvas 在点击时动态调整大小

Question

我非常感谢您对谷歌地图问题的帮助。
我只是对 HTML 和 CSS 有基本的了解，所以请耐心等待。

我正在尝试让 google maps Canvas 在您点击按钮时动态增加和减少高度。

到目前为止我已经设法做到了... HERE
但是一旦调整大小，我的 map 就会在新的高度留下灰色空间？!？
我也在这里找到了我需要的东西...... HERE
但是代码有点困惑，我无法找到一个可以正常工作的版本。

任何帮助将不胜感激。
谢谢。

Answer 1

您需要在更新 map 尺寸后调用此函数。

google.maps.event.trigger(map, 'resize');  

在您提供的第二个链接中，他们在将 map Canvas 设置为新维度后调用上述函数:

$('#resizeuno').click(function() {
    $('#map_canvas').css({'width':'300','height':'400'});
    google.maps.event.trigger(map, 'resize');  
});