Google Map垂直响应，就像Bootstrap 3中的img-responsive图像一样？

Question

我正在努力使Google地图的行为像在Bootstrap中具有img-responsive的图像。我刚刚将'img-responsive'类添加到包含地图的div元素中。地图的样式指定宽度和高度（以像素为单位）。

问题是Map不会垂直调整大小，但会保持其样式中定义的大小。相反，宽度根据屏幕尺寸而变化。

Map就像这样定义。没有额外的CSS。

<div class="img-responsive" style="width:500px;height:300px"></div>

编辑：

看到我被投了票，我会试着更清楚：如果有可能通过CSS获得垂直大小调整，或者我应该去寻找一些JavaScript技巧。

Answer 1

我发现获得我想要的唯一方法是通过JavaScript。我受this post

的启发