Google-Karte funktioniert nicht innerhalb FancyBox (lightbox)

Wie bekomme ich eine Google-Karte zu laden, innerhalb des Fancybox lightbox? Die Karte lädt Ordnung, wenn nicht in der lightbox. Ich bin nur mit den standard-Google-maps-code aus Ihrer Seite:

 <html>
 <body>
   <div id="map_canvas" style="width:100px; height:100px;"></div>
 </body>

 <script type="text/javascript">
  function initialize() {
     var myLatlng = new google.maps.LatLng(-36.8804280598958,
 174.811848958333);
     var myOptions = {
         zoom: 13,
         center: myLatlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP,
         panControl: false,
         zoomControl: false,
         scaleControl: true,
         mapTypeControl: false,
         scaleControl: false
     }
     var map = new
 google.maps.Map(document.getElementById("map_canvas"), myOptions); }

 function loadScript() {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.src =
 "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
     document.body.appendChild(script); }

 window.onload = loadScript;
 </script>
 </html>
  • wahrscheinlich benötigen, um die Größe beim öffnen der lightbox. Gehen Sie zu jqueryui.com/demos/tabs und gehen Sie bis ganz unten. Sie sprechen über google maps. Könnte das gleiche problem hier.
InformationsquelleAutor swisstony | 2011-07-27
Schreibe einen Kommentar