2

我有一个使用引导程序的页面，并添加了一个地图（API v3）。

起初它工作正常，但是当我折叠地图时 - 我无法重新打开它。

我查看了类似的 SO 问题，但找不到解决此问题的问题。

我的 HTML：

<div id="mapHeader" data-toggle="collapse" data-target="#map">
    Header
</div>
<div id="map" class="collapse in">
    <div id="map_canvas"></div>
</div>

CSS：

#map_canvas { height: 100% }
#map {height: 30em; width: 50%;max-height:100%;}

Javascript 只加载地图。

一个小提琴来演示

似乎相关，但我无法实施相同的解决方案

4

1 回答 1

5

问题是引导折叠插件没有为您的地图画布注册尺寸，因此它不知道将其展开到什么高度。要解决此问题，请向您的喜欢添加一些尺寸#map_canvas：

#map_canvas { height: 30em; width: 100%; }

编辑：正如 OP 在下面评论的那样，#map_canvas容器上需要一个特定的高度，以允许可折叠容器的正确展开。

于 2012-11-25T15:34:36.333 回答