【问题标题】:Facebook Like button in Gmaps v3 infoWindowGmaps v3 infoWindow 中的 Facebook Like 按钮
【发布时间】:2018-03-16 22:40:38
【问题描述】:

我想在 Google Maps v3 infoWindow 中显示 Facebook Like 按钮,但我只能显示 iframe 版本。我想分享更多信息,所以我想实现 xfbml 版本,它不会显示在 infoWindow 中,也看不到 Like 按钮。 在 infoWindow 之外,在 php 呈现的 html 上,(在同一个站点上)xfbml 效果很好,所以我猜问题出在 gmaps 和 facebook 脚本之间。 知道如何解决这个问题吗?

谢谢

【问题讨论】:

    标签: facebook google-maps facebook-like


    【解决方案1】:

    这是因为 xfbml 尝试在信息窗口的 DOM 准备好之前立即呈现。

    解决方法是等待 DOM 准备好,然后再次解析 xfbml。这是一个大概的例子(虽然没有你的代码,它可能不完全正确):

    google.maps.event.addListener(infoWindow, 'domready', function() {
        FB.XFBML.parse();
    });
    

    将“infoWindow”变量更改为您命名的 infowindow 对象。

    【讨论】:

    • 还有一个问题。我想在infoWindow中使用Fancybox jquery图片弹出插件,也没有用,难道也是dom准备好的问题?
    • 是的,它做到了。在你的帮助下,我解决了我的两个问题。 :D 万分感谢!
    • fragileninja,知道如何以同样的方式实现 twitter 按钮吗?现在,如果我将鼠标悬停在锚点上,我会看到“Tweet”文本,但看不到 Tweet 按钮图片,并且单击此按钮不会将任何数据传递给 twitter。此代码在正常情况下当然有效: [code] twitter.com/share\" class=\"twitter-share-button\" data-url=\"" + url + "\" data-text =\"Új megfigyelés\" data-via=\"madarmegfigyeles.hu\" data-count=\"horizo​​ntal\">推文 [/code]
    猜你喜欢
    • 2013-09-26
    • 1970-01-01
    • 1970-01-01
    • 2014-10-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-03
    相关资源
    最近更新 更多