谷歌地图和加一冲突答案

【问题标题】：Google maps and plus one conflict谷歌地图和加一冲突
【发布时间】：2011-09-21 18:08:13
【问题描述】：

当您将谷歌地图和加号按钮放在同一页面上时，似乎会产生一些奇怪的渲染问题。在这些示例中，WITH 和 WITHOUT 是加号按钮。如果您单击标记，它将放大它，然后单击重置以缩小。当您手动放大和缩小按钮时，您会看到地图不会呈现。为什么？有谁知道解决这个问题的方法吗？

编辑：这个问题似乎只发生在谷歌浏览器中......讽刺！

【问题讨论】：

【解决方案1】：

在 Firefox 6 中对我来说两者都运行良好。在 IE9 中，google +1 按钮甚至根本没有出现。确实，这并不奇怪，尽管它应该可以工作。然而，这可能是因为您的测试文档中没有完全有效的 HTML（带有 html 和 body 标签）。您可能想先尝试一下。

您也可以尝试使用 HTML 5 标记作为 google 加一按钮。我觉得这是一个更安全的选择，它完全是 HTML5 有效的：

<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="250" ></div>

查看“+1 标签属性”下的+1 Button Reference 以获取可能属性的完整列表

【讨论】：

是的，我一直在 Google Chrome 中查看它。我仍然觉得 Google API 在他们自己的浏览器中似乎不如在 Firefox 中那样好用，这很有趣！在其原始页面中，它具有所有必要的 HTML、标题等标签，并且问题仍然存在。这一定是 Chrome 渲染器中的一个怪癖。