Wordpress 主题破坏了谷歌地图，导致出现插图答案

【问题标题】：Wordpress theme breaks google maps, causing inset to appearWordpress 主题破坏了谷歌地图，导致出现插图
【发布时间】：2013-12-05 23:04:20
【问题描述】：

当我将我的谷歌地图放入基于 Genesis (http://my.studiopress.com/themes/genesis) 的 wordpress 主题中时，它会导致出现这个奇怪的插入窗口。我正在使用谷歌地图 javascript api v3

我认为主题有一些奇怪的 css 规则导致了问题。我已经在Google Map broken in WordPress@
的答案中尝试了修复设置

#mapcanvas img{
  max-width: none;
}

或设置最大宽度继承。

其中任何一个都不走运。

插图是一个 div，其内联样式的宽度和高度为 256。

我尝试触发地图调整大小

google.maps.event.trigger(themap, "resize");

没有变化。

有没有一种简单的方法来识别影响谷歌地图画布的 css 文件？

如果我将所有代码放在 wordpress 之外，它就可以正常工作：

【问题讨论】：

【解决方案1】：

我建议你使用谷歌控制台看看问题出在哪里。

只需打开它并检查 div，您应该会在右侧看到类似这样的内容：

所有影响选择元素的 CSS 规则都显示在这里，相关的文件和行显示（这里是 custom.css）。这是找到问题的更好方法:)

【讨论】：