2012-05-20 43 views
1

我是Google地圖的新手。我已經開始使用他們的「Hello World」代碼,其代碼如下:谷歌地圖V3,地圖將不會顯示時,包裹在第二個div

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

這當然工作正常。但是,如果我想換另一種DIV其格(這樣我就可以設置各種容器樣式),地圖不顯示在所有:

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

回答

5

應用widthheightdiv

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

內部div(id="map_canvas" div)大小由百分比設置。這意味着內部div將適合其父母的大小。

+0

謝謝!這節省了我一些時間:) –

0

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

它適用於現在地方...