javascript - Google Maps V3，包裹在第二个div中时地图不会显示

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>

score 5 · Accepted Answer

适用于：width_heightdiv

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

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

score 0 · Accepted Answer

检查 SCRIPT src URL 是否以 http:// 开头。我花了大约半天的时间调试才意识到这一点。

早些时候...

<script src="//maps.google.com/maps?file=api&amp;v=2&amp;key....

现在

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key....

它现在在本地工作......

2 回答 2