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 に答える