Google地图画布会在点击时动态调整大小

Question

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

点击按钮时，我想让谷歌地图画布动态增加和减少高度。

到目前为止，我已设法做到这一点...... HERE
但是一旦调整大小，我的地图就会在新的高度上增加灰色空间？！？ 我也在这里找到了我需要的东西...... HERE
但代码有点令人困惑，我无法找到一个版本的工作。

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

Answer 1

更新地图尺寸后，您需要调用此函数。

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

在您提供的第二个链接中，他们在将地图画布设置为新维度后调用上述函数：

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