Google Maps Anzeigeproblem

[Bobby]

Moin

ich habe versucht eine Google-Map einzubinden

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=MEIN APIKEY&sensor=false"></script>  
                <script type="text/javascript">  
                  function initialize()  
                  {  
                      var mapOptions =  
                      {  
                          center: new google.maps.LatLng(-34.397, 150.644),  
                          zoom: 8  
                       };  
                       var map = new google.maps.Map(document.getElementById("map-canvas"),  
                       mapOptions);  
                  }  
                  google.maps.event.addDomListener(window, 'load', initialize);  
                </script>  
                <style>  
                   #map-canvas  
                   {  
                    height: 100%;  
                    width:300px;  
                    margin: 0px;  
                    padding: 0px  
                  }  
                </style>  
  
                <div id="map-canvas" ></div>

Das Problem ist, dass die Map teils grau ist. Erst wenn ich das Browserfenster von der Größe her ändere erscheint die komplette Map. Woran kann das liegen?

Gruß Bobby