谷歌地图表现得很奇怪

Question

我在我的网站上嵌入了最基本的谷歌地图，这是我在谷歌地图api中包含的最终结果，并在外部脚本中写了这段代码，我在google maps api中包含：

我无法用它做任何事情（放大或缩小，用鼠标移动视图......），除了在地图和卫星之间切换。当我在w3schools中粘贴完全相同的代码＆＃34;自己试试＆＃34;地区，一切正常。

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设置做任何事情，但我不能在此处粘贴代码，因为它非常大。

感谢您的任何建议

Answer 1

如果有人想知道问题是地图的父div设置为高度：100％，那就是造成这种故障发生的原因。