FancyBox avec Google Maps Inline Div pauses

Question

<div style="display: none;"> 
     <div id="location<?php echo $r->id ?>"> 

      <?php echo $r->address; ?>, <?php echo $r->city; ?>, <?php echo $r->province; ?> 

      <h3 class="sub">Map of Location</h3> 
       <?php 
        $CI->conjunction->showMap($r->id, $r->lat, $r->lon, $r->postal, 'map_canvas'); 
       ?> 
      <div id="map_canvas" style="width: 250px; height: 250px;"></div>    
     </div> 
    </div> 

Le code ci-dessus est ce que j'utilise pour afficher un DIV. J'utilise ensuite

$('a#inline').fancybox({ 
     'autoScale': true 
    , 'autoDimensions': true 
    , 'centerOnScroll': true 
}); 

Pour appeler Fancybox pour afficher le contenu. Cependant, la carte Google casse toujours la visionneuse et est affichée par défaut.

Y a-t-il une solution de contournement raisonnable pour forcer la carte à se cacher jusqu'à ce que le DIV qui l'entoure le montre?

Answer 1

J'ai eu un problème similaire avec les applications flash qui remplissaient la fenêtre d'affichage du navigateur: la solution était de le faire passer par une URL dans un iframe avec fancybox.

 $("a#inline").fancybox({ 
      'width'    : '95%', 
      'height'   : '95%', 
      'autoScale'   : false, 
      'transitionIn'  : 'slow', 
      'transitionOut'  : 'none', 
      'type'    : 'iframe' 
     }); 

<a id="various5" href="http://mappage">Link</a> 

Ce n'est pas idéal comme vous pouvez le voir, mais c'est une solution de contournement.

Answer 2

Pas tout à fait sûr de savoir comment résoudre ce problème, mais vous pouvez regarder dans ce plugin:

http://colorpowered.com/colorbox/

j'utilisais fancybox pendant un certain temps jusqu'à ce que je l'ai réalisé fait IE pendre jusqu'à ce que toutes les images sur la page ont été chargés. Peut-être voir si vous obtenez les mêmes résultats en utilisant ce plugin?