Javascript 谷歌地图行为怪异

我在我的网站中嵌入了最基本的谷歌地图，这就是我在中包含谷歌地图api并在外部脚本中编写这段代码时得到的结果，我在谷歌地图api之后包含了外部脚本：

除了在地图和卫星之间切换，我什么都做不了（放大或缩小，用鼠标移动视图…）。当我将完全相同的代码粘贴到“自己尝试”区域时，一切都正常

JavaScript:

function initialize() {
    var mapCanvas = document.getElementById('map');
    var mapOptions = {
        center: new google.maps.LatLng(45.1676, 14.7589),
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map=new google.maps.Map(mapCanvas, mapOptions);

    var marker=new google.maps.Marker({
        position:myCenter,
        animation:google.maps.Animation.BOUNCE
    });
    marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

我不知道它是否与我的css设置有关，但我不能将代码粘贴到这里，因为它太大了

---

感谢您的建议

如果有人想知道问题是地图的父div设置为height:100%，这就是导致该问题发生的原因。

您的html是什么样子的？这是我的页面的基本布局。从上面看，它有更多的分区标签和它自己的div，我认为这不重要。但是#contact#u left#u side和#contact#u right#u side设置为float:left和#content#u wrapper设置为overflow:hidden以保持围绕它们。也许这是造成所有麻烦的原因地图/卫星按钮看起来像css问题。你可能需要仔细检查你的样式，并找出导致这种情况的规则，例如，使它更具体到布局中应该设置样式的内容。至于不能拖动/缩放，请检查你的控制台是否有JS错误。谢谢，很遗憾你没有做出新的回答，而是评论我的帖子，因为你做对了。缩放的问题是，我甚至没有初始化myCenter变量，它在控制台中返回了错误。不知道我怎么会错过重新配置那个部件。卫星和地图栏外观的问题是，出于某种原因，我将父divs高度设置为100%，即使这不是必需的。无论如何谢谢你