Google Maps API v3 をロードし、Google マップを印刷しますdiv。ただし、幅と高さを 100% および自動に設定すると、マップが表示されません。
以下は HTML コード スニペットです。
<!-- Maps Container -->
<div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div>
この問題を解決する方法はありますか?
ベストアンサー1
ページ全体をカバーしたい場合は、すべての親コンテナの幅を 100% に設定する必要があります。少なくとも、#content div の幅と高さに絶対値を設定する必要があります。
body, html {
height: 100%;
width: 100%;
}
div#content {
width: 100%; height: 100%;
}