Javascript 谷歌地图正在后台加载，但没有显示在页面上

我有一个自定义的地图，我的风格，在一个时间它工作得很好，但现在它不会出现，因为某些原因。我可以使用firebug找到应该加载地图的Div，它显示插入的地图代码。但问题是有什么东西阻碍了它的展示

下面是用于创建和设置地图样式的javascript

function initialize() {



        var latlng = new google.maps.LatLng(44.98730,   -93.27591);

        var image = '../wp-content/uploads/2013/11/mapMarker.png';

        var styles = [
            {
                featureType: "landscape.natural",
                                    elementType: 'geometry', 
                stylers: [
                    { color: '#56595c' }        
                ]
            },
                            {
                featureType: "landscape.man_made",
                                    elementType: 'geometry', 
                stylers: [
                    { color: '#56595c' } 
                ]
            },
                            {
                featureType: "road.highway",
                                    elementType: 'geometry.stroke', 
                stylers: [
                    { color: '#b2bb1c' },
                                            { weight: '1' }
                ]
            },
                            {
            featureType: "road.highway",
                                    elementType: 'geometry.fill', 
                stylers: [
                    { color: '#56595c' } 
                ]
            },
                            {  
                featureType: 'road.local',  
                elementType: 'geometry.stroke',  
                stylers: [  
                    { color: '#b2bb1c' },
                                            { weight: '1' }

                ]  
            } ,
                            {
            featureType: "road.local",
                                    elementType: 'geometry.fill', 
                stylers: [
                    { color: '#56595c' } 
                ]
            },
                            {

                featureType: "road.arterial",
                elementType: "geometry.stroke",
                stylers: [
                    { color: '#b2bb1c' },
                                            { weight: '1' }
                ]
            },
                           {
            featureType: "road.arterial",
                                    elementType: 'geometry.fill', 
                stylers: [
                    { color: '#56595c' } 
                ]
            },
                                                           {
            featureType: "road.arterial",
                                    elementType: 'geometry.fill', 
                stylers: [
                    { color: '#56595c' } 
                ]
            },
                            {
                featureType: "poi", 
                elementType: 'geometry',
                stylers: [
                    { color: '#6e7073' }
                ]
            },
                            {
                featureType: "water", 
                elementType: 'geometry',
                stylers: [
                    { color: '#a2a5a9' }
                ]
            }
        ];

        var myOptions = {
            zoom: 16,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDefaultUI: true,
            styles: styles
        };

        var map = new google.maps.Map(document.getElementById('map'), myOptions);       
        var marker = new google.maps.Marker({
          position: latlng,
          map: map,
          icon: image
        });


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

---

我知道这是可行的，因为如果我使用firebug并清除“position:relative”的嵌入样式，您可以部分看到地图。如有任何建议，将不胜感激

你有没有尝试过像这样强制刷新

google.maps.event.trigger(map, 'resize');

---

你有没有试过像这样强迫别人提神

google.maps.event.trigger(map, 'resize');

请参考链接

请参考链接

---

你在地图元素上设置了高度和宽度CSS了吗？你在地图元素上设置了高度和宽度CSS了吗？