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将适合其父级大小。

Answer 2

检查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....

现在适用于本地......