[SOLVED] Google Maps Anzeigeproblem

[Bobby]

Moin

Es scheint an weiteren Scripten auf der Seite zu liegen, die ein korrektes Rendern verhindern.

Problem gelöst. Es lag am UI-Tabscript welches ich ebenso auf der Seite verwende. Die Map wird in einem versteckten Tab geöffnet und kennt somit, durch display:none, die Größe noch nicht. Das führt zu dieser Darstellung. Wenn ich die Seite vergrößere werden neue Größeninformationen an das Script gesendet und die Darstellung ist korrekt.

Abhilfe: ich lasse die KArte erst dann laden, wenn das entsprechende Tab "aktiviert" wird.

  
<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);  
  }  
  $(document).ready(function()  
  {  
       if($('#clubs').css('display') !== 'none')  
            initialize();  
       $(document).on('click','#clubtab',function()  
       {  
            initialize();  
       });  
  })  
</script>  

Gruß Bobby