google-maps-api-3 - 使用google map 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

我认为您需要检查 #map div {} 的 CSS

您的 div 边界正在传播。我认为可能是

#map div div {border:0}

可能会解决您的问题。

编辑总是假设您将地图容器称为 #map 而不是 #map_container 或其他名称。