Javascript IE9中未加载Google Map API v3

我尽可能多地研究这个话题，但没有找到解决办法

在除Internet Explorer（版本8或9）之外的所有浏览器中，下面的脚本将用于加载Google地图。然而，在IE8和IE9中，谷歌地图API（v3）似乎没有加载。我试图在控制台中找到具体的错误，但什么也没找到

Html

<style type="text/css">
    #map_canvas { 
        height: 292; 
        width:980 
    }

    .contactus-Captcha {
        clear:both;
    }
</style>

<div id="map_canvas"></div>

#地图{
身高：292；
宽度：980
}
.联系我们验证码{
明确：两者皆有；
}

Javascript

函数初始化（）{
var homeLatlng=新的google.maps.LatLng（29.70280，-95.51731）；
变量myOptions={
缩放：15，
中心：家庭式，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），myOptions）；
var contentString=''+
''+
''+
“ABC”+
''+
“images/location icon.png”style=“float:left；padding right:5px；”>xyz images/mob-icon2.png“style=“float:left；padding right:12px；”>123445”+
''+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var image=new google.maps.MarkerImage（
'images/addres icon.png'，
新的google.maps.Size（32,32），//Size
新的google.maps.Point（0,0），//origin
新的google.maps.Point（16,32）//锚
);
var shadow=new google.maps.MarkerImage(
'http://maps.google.com/mapfiles/ms/micons/msmarker.shadow.png',
新的google.maps.Size（59,32），//Size
新的google.maps.Point（0,0），//origin
新的google.maps.Point（16,32）//锚
);
var homeMarker=new google.maps.Marker({
职位：homeLatlng，
地图：地图，
标题：“xyz”，
图标：图像，
影子：影子
});
google.maps.event.addListener（homeMarker，'click'，function（）{
信息窗口。打开（地图、homeMarker）；
});
}    
$（文档）.ready（函数（）{
initialize（）；//加载时调用
});

---

有人能帮我吗？我会非常感激的

您的地图没有大小。更改：

#map_canvas { height: 292; width:980 }

致：

---

您是通过http://还是https://加载的？我使用的是http协议。@感谢Brad的精彩编辑。。。

#map_canvas { height: 292; width:980 }

#map_canvas { height: 292px; width:980px }