FancyBox с Google Maps Inline Div перерывы

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>

Приведенный выше код используется для отображения скрытого DIV.Затем я использую

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

Для вызова Fancybox для отображения содержимого.Тем не менее, карта Google всегда ломает лайтбокс и отображается по умолчанию.

Есть ли разумный обходной путь, чтобы заставить карту скрыться, пока не отобразится обтекание DIV?

Answer 1

У меня была похожая проблема с флеш-приложениями, которые заполняют окно просмотра браузера: обходной путь заключался в том, чтобы вытянуть его через URL в iframe с fancybox.

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

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

Это не идеально, как вы можете видетьно это обходной путь.

Answer 2

Не совсем уверен, как решить эту проблему, но вы можете посмотреть на этот плагин:

http://colorpowered.com/colorbox/

Я некоторое время использовал fancybox, пока не понял, что он сделал IEзависать, пока все изображения на странице не были загружены.Может быть, посмотреть, если вы получаете те же результаты, используя этот плагин?