javascript - Tweet 按钮和信息窗口

Question

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

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

对于 Facebook Like 按钮，我必须执行一行代码，以启动“domready”事件。

推特怎么做？

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

记住，我还没有让它工作:)

让我们把这个傻瓜解决掉!