使用谷歌地图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或其他东西。