Javascript 谷歌地图api v3未在IE8中显示，但在chrome、FF和IE10中显示

所以我在这个问题上工作了很长时间。基本上我只是把谷歌地图添加到我的网页上。我使用谷歌地图API v3网站上的例子。它没有显示在IE中，我不知道为什么！它显示在chrome和FF以及IE10中，但不显示在IE8-9中

有人知道为什么吗

<script src="http://maps.googleapis.com/maps/api/js?key=APIKEY&sensor=false">
</script>
   <div id='map' class="eventMap"></div>

function initialize()
{

var mapProp = {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
var map=new google.maps.Map(document.getElementById('map'), mapProp);


}

google.maps.event.addDomListener(window, 'load', initialize);



    });

函数初始化（）
{
var mapProp={
中心：新google.maps.LatLng（51.508742，-0.120850），
缩放：5，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（'map'），mapProp）；
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
});

您是否看到任何错误消息？上面的代码示例看起来是错误的，但猜测这是一个剪切粘贴问题。

#map

的高度是如何定义的？我在CSS中定义了它