包装在第二个div中时,Google Maps V3,Map不会显示

Question

我是谷歌地图的新手.我已经开始使用他们的"Hello World"代码,其中包含以下内容:

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

这当然工作正常.但是,如果我想将div放在另一个div中(所以我可以设置各种容器样式),地图根本不会显示:

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

Answer 1

申请width和height到div:

<div style="width:100%; height:100%;">
   <div id="map_canvas" style="width:100%; height:100%"></div>
</div>

内部div(id="map_canvas"div)大小由百分比设置.这意味着内部div将适合其父级大小.