推文按钮和信息窗口答案

【问题标题】：Tweet button and infoWindow推文按钮和信息窗口
【发布时间】：2012-03-21 09:49:38
【问题描述】：

我想将 Tweet 按钮集成到 Google Maps v3 infoWindow (infoBox) 中，但没有成功。当然，我使用的脚本适用于一个简单的页面。我在我的模板文件中设置了 twitter 的 js，将锚点添加到 gmaps javascript 文件中的 html 变量中： ... 鸣叫 ...

如果我将鼠标悬停在锚链接上，现在只能看到“Tweet”文本，并且看不到 Tweet grapic 按钮。如果我单击此按钮，Twitter 网站会加载但不会分享任何内容。

使用 Facebook Like 按钮，我必须实现一行代码，让“domready”事件运行。

Twitter 怎么做？

【问题讨论】：

标签： javascript google-maps twitter google-maps-api-3

【解决方案1】：

我也遇到了同样的问题，但离解决问题越来越近了。

我猜你使用的是标准的Twitter examples，你可以在其中添加一个<a> 标签，例如：

<a href="https://twitter.com/share" class="twitter-share-button" 
data-lang="en">Tweet</a>

然后需要让他们的 JavaScript 加载：

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");</script>

所以问题很可能是 infoWindow 没有连接到 DOM。

Google Maps V3 API InfoWindow Class 有一个“domready”事件。

因此，如果您像我一样使用jQuery，那么您需要执行以下操作：

google.maps.event.addListener(bubble, 'domready', function(event) {
        !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
        if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
        js.src="//platform.twitter.com/widgets.js";
        fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
});

请记住，我还没有让这个工作:)

让我们把这个混蛋解决掉！

【讨论】：

一件事，我设置了 data-url 属性，但是共享推文中没有出现 url。嗯..
所以我对链接的一部分进行了硬编码，并将 ID 添加为变量，因此：+ ID + 没有其完全工作
是的，我的代码很复杂，但基础和解决方案在这里：hastebin.com/pesawenuxi.js

【解决方案2】：

只需更改任何名为 InfoWindow 对象的信息框，gyaresu 的答案是可以的，但它只会工作一次。

google.maps.event.addListener(infobox, 'domready', function(event) {
    FB.XFBML.parse();
    twttr.widgets.load();
});

【讨论】：