Question

我尝试使用谷歌地图（个性化地图）为隐藏的div设置动画。我已经看到了其他问题，但我认为这是一个不同的问题。

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");
    }
    );

这是我在dropbox http://bit.ly/zSLGgx中托管的js文件，我不明白为什么setupGmaps（）初始化不起作用...

提前非常感谢你。

马尔科

Answer 1

我现在看到了。这可能是一个jquery问题，而不是谷歌地图问题。我在test.html中注意到you call $(document).ready(function()两次（第30行和第49行）。你为什么这样做？您应该将所有代码移到$(document).ready(function()调用的1个实例下。我还建议不要在#mapa元素上使用动画来查看是否能解决问题。如果是，那么您知道这是一个jquery问题，而不是Maps API问题。

隐藏并显示与谷歌地图div

1 个答案: