使用谷歌地图隐藏和显示div

发布于 2024-12-29 22:40:04 字数 879 浏览 0 评论 0原文

我试图用谷歌地图（个性化地图）为隐藏的 div 制作动画。我看过其他问题，但我认为这是一个不同的js。

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 中托管的 js 文件 http://bit .ly/zSLGgx ，我不明白为什么 setupGmaps() 初始化不起作用...

提前非常感谢。

马尔科

原文

I trying to animate an hidden div with google map (a personalized map).
I've seen the other questions but this is a different js, I think.

The js has a function "setup Gmaps()" and I suppose is an "initialize" problem.
Right now I have a toggle jQuery function but not work .

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

I also tried with opacity but the same problem

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

This is my hosted js file in dropbox http://bit.ly/zSLGgx , I don't understand why with setupGmaps() initialize not work...

Thank you so much in advance.

Marko

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多情出卖 2025-01-05 22:40:04

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

回复收藏 0 原文

~没有更多了~