使用谷歌地图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边界正在被激活。我想可能是

#map div div {border:0}

可能会解决您的问题。

EDIT 总是假设您调用了地图容器#map而不是#map_container或其他东西。