使用谷歌地圖api v3，但地圖拆分爲廣場

Question

我使用Google Maps API v3創建地圖。當我將它用於我的網頁時，我看到地圖被分成了正方形。之前，我在另一個網頁中使用該代碼，並且UI運行良好。我找不到問題。

看到這張照片：http://uphinh.ssc.vn/images/205Untitled.png

代碼：

<div id="infomation" style="height:35%;"> 
     <div id="map" style="width:66%; height:99.5%; float:left"> 

     </div> 
     <div id="myinfo" style="width:33.4%;height: 99.5%; float:left"> 
      <p id="mylocation"></p> 
      <button id="changeMyLocation" onClick="changeMyLocation()">Change</button> 
     </div> 
    </div> 

我希望有人能幫助我找到錯誤。

Answer 1

我認爲你需要在你的CSS爲#map的div {}

你的DIV邊框被propegated檢查。我想可能是

#map div div {border:0} 

可能會解決您的問題。

編輯 總是假設你調用了map容器#map而不是#map_container或其他東西。