Скрыто и показать div с картой Google

Question

Я пытаюсь оживить скрытый div с картой Google (персонализированная карта).Я видел другие вопросы, но это другой вопрос, я думаю.

В js есть функция "setup Gmaps ()", и я полагаю, это проблема "инициализации".Прямо сейчас у меня есть функция переключения JQuery, но не работает.

    $("#showmapa").toggle(
    function(){
    $(".google-maps").animate({top: "0"},400, "easeOutQuad", function() {
    setupGmaps();
    });
    },
    function(){
    $(".google-maps").animate({top: "-265"}, 400, "easeOutQuad");
    }
    );  

Я также пытался с opacity , но та же проблема

        $("#showmapa").toggle(
    function(){
    $("#mapa").animate({opacity: '1'}, 300, "easeOutQuad", function() {
    setupGmaps();
    });
    },
    function(){
    $("#mapa").animate({opacity: '0'}, 300, "easeOutQuad");
    }
    );  

Это мой JS-файл, размещенный в dropbox http://bit.ly/zSLGgx, я не понимаюНе понимаю, почему с setupGmaps () инициализация не работает ...

Заранее большое спасибо.

Марко

Answer 1

Я вижу это сейчас.Это скорее проблема jquery, чем проблема Google Maps.Я заметил, что you call $(document).ready(function() дважды в test.html (строка 30 и строка 49).Зачем ты это делаешь?Вы должны переместить весь свой код под 1 экземпляр вызова $(document).ready(function().Я также предлагаю не использовать анимацию для элемента #mapa, чтобы посмотреть, устранит ли это проблему.Если это так, то вы знаете, что это проблема jquery, а не проблема API Карт.