Google Maps API V3 - 凌乱的控制器

Question

我正在尝试运行教程中的第一个示例，并且它工作正常，除了我的控制器（缩放等）都是凌乱的。 我正在使用V3。 请看一下图片：

我正在使用的代码是：

<div id="map_canvas" style="width:800px; height:600px;"></div>
<script type="text/javascript">
jQuery(function() {

            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
                myOptions);


});
    </script>

思考？ 感谢

解决方案：

如果您遇到这种情况，请查看您的CSS。 在我的情况下，我在div中添加了一些填充，它也影响了谷歌地图区域内的div。

Answer 1

首先检查另一个浏览器（如果你还没有）。如果其他浏览器显示正确，请尝试自己设置UI的位置，如here

如果问题仍然存在，我的脑子里就没有其他问题了。

马里乌什