FancyBox with Google지도 인라인 div 나누기

<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>

위 코드는 숨겨진 DIV를 표시하는 데 사용됩니다. 그때 내용을 표시 할 수 Fancybox를 호출하려면FancyBox with Google지도 인라인 div 나누기

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

를 사용합니다. 그러나 Google지도는 항상 라이트 박스를 깨뜨리고 기본적으로 표시됩니다.

주위에 DIV 배치가 나타날 때까지지도를 숨기려면 적절한 해결 방법이 있습니까?

출처

2010-07-21 Craig Hooghiem

브라우저보기 포트를 채우는 플래시 응용 프로그램과 비슷한 문제가있었습니다. 임시 해결 방법은 URL을 통해 fancybox가있는 iframe으로 가져 오는 것입니다.

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

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

이것은보기에는 좋지 않지만 해결 방법입니다. 이 문제를 해결하기 위해,하지만 당신은이 플러그인을 조사 할 수있는 방법을

출처

2010-07-21 14:42:02 DRL