GoogleMaps с Fancybox - PullRequest
Новая
       24

GoogleMaps с Fancybox

0 голосов
/ 15 ноября 2011

Я пытался показать карту GoogleMaps, которая находится внутри элемента fancybox, но, как и должно быть с display: none; с начала, когда карта загружена, она частично отображается: 

    <div style="display:none;position:absolute;z-index:-999;top:45px;left:300px;" id="divMapCreate" name="divMapCreate">
        <div id="createItemDiv2" style="border:1px solid;width:450px;">
            <?php echo $this->Form->create(array('action'=>'create2', 'type' => 'post', 'id'=>'createItem2', 'name'=>'createItem2')); ?>
            <table border="0" width="100%" align="center" cellspacing="0">
                <tr>
                    <td align="center">
                        <strong>Creating an Item</strong>
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <div id="map_canvas_create" style="width: 450px; height: 350px"></div>
                    </td>
                </tr>
                <tr>
                    <td align="right">
                        <?php echo $this->Form->end('DONE - CREATE'); ?>
                    </td>
                </tr>
            </table>
        </div>

Как я могу использовать Fancybox, чтобы показать карту, но связанный с ней div с display: none; с самого начала?

1 Ответ

0 голосов
/ 15 ноября 2011

Я сталкивался с этой проблемой несколько раз.Короче говоря, решение заключается не в предварительной загрузке карты, а в ее загрузке после того, как контейнер стал видимым.

Я думаю, это потому, что GMap не может рассчитать размер своего контейнера, если он скрыт.1003 *

...