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

Question

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

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

#mapcanvas img{
  max-width: none;
}

或者设置最大宽度来继承。

其中任何一个都不走运。

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

我尝试触发 map 调整大小

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

没有变化。

是否有一种简单的方法来识别影响谷歌地图 Canvas 的 css 文件？

如果我将所有代码放在 wordpress 之外，它会工作正常:

Answer 1

我建议你用google console看看问题出在哪里。

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

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