jquery – 谷歌地图没有填满整个div

我一直在尝试在我的网站上设置谷歌地图,但它只显示了一小部分,div仍然是空的.很多解决方案都建议我包含resize函数,但这似乎不起作用.这是我的代码：

function initialize() {
    var mapCanvas = document.getElementById('map_canvas');
    var mapOptions = {
        center: new google.maps.LatLng(42.378343,20.427202),zoom: 8,mapTypEID: google.maps.MapTypEID.roaDMAP
    }
    var map = new google.maps.Map(mapCanvas,mapOptions)
}

google.maps.event.addDomListener(window,'load',initializE);
google.maps.event.trigger(map,"resize");

@H_228_5@map Canvas和它的包装div都设置为100％宽度.所有帮助表示赞赏

看到它的样子：

google.maps.event.addListenerOnce(map,'idle',function() {
    google.maps.event.trigger(map,'resize');
});