css - GoogleマップCSSは地図を表示しません

Question

プロジェクトにGoogleマップを追加する際に問題が発生しました。ボディタグに入れると動作します。でもこんな構造になったら

<body onload="initialize()">
<div>
<div id="map_canvas" style="width:100%; height:100%"></div>
</div>
</body>

何も表示されません。どうすればこの問題を解決できますか？

score 2 · Accepted Answer

これは、height: 100%;常に親の身長を基準にしているためです。あなたの場合、これは名前のないdivであり、高さはゼロなので#map_canvas、その100％になりますが、それでもゼロです。したがって、divには表示される高さがないため、Googleマップは表示されません。

親divで100％を指定すると、再び機能します。html, body { height: 100%; }それが単にbodyタグにあるだけで機能するのであれば、あなたはすでに持っていると思います。

score 0 · Accepted Answer

HTML、本文も100％ありますか？

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }

2 に答える 2