Javascript 谷歌地图v3在Wordpress中加载后发生变化

该页面加载了谷歌地图，最初不会填充周围的容器。 半秒钟后，谷歌地图填满了这个容器

问题是在容器正确填充后，它会变形。 由于位移的原因，经线显示其中两条相邻。 而且贴图控件也被扭曲了。甚至都不知道缩放栏在那里

非常感谢您的帮助

这是我刚开始构建的Wordpress插件的一部分

---

我还不能上传照片，否则我会的

我以前曾多次遇到过这个问题，但我没有使用wordpress，因为我避开了那个软件包。。但是我有两个原因

只有在每次查看/加载地图后才会出现这种情况，这是由于gmaps外部脚本调用被多次加载所致

第二个是由于相对/绝对位置元素影响贴图块元素。。。我无法百分之百地回忆起那之后的几个星期

---

您如何处理onload事件等等…

问题在于wordpress使用的默认主题。 下面一行代码概述了它只允许它达到弄乱谷歌地图所需宽度的97.5%

.entry content img、.comment content img、.widget img{最大宽度：97.5%；}

正确的代码（或对我有效的代码）：

---

.entry content img、.comment content img、.widget img{max width:none；}

我决定写一个答案，以帮助其他人解决同样的问题

我最近偶然发现了这个问题，并且有同样的问题和其他问题。谷歌地图缩放栏不可见，并且每张图像都有一个漂亮的灰色边框：）所有问题都是由于Twenty133主题中的默认样式造成的：

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

降低

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

我把我的谷歌地图对象放在一个div中，id=map\u canvas。解决方案是在“我的样式”中添加对上述样式的覆盖：

 #map-canvas img {
     max-width: none!important;
    border-radius: none!important;
    box-shadow: none!important;
 }

---

瞧！地图是干净的：）

我正在使用jQuery，在文档准备就绪时，它正在加载google地图API来加载地图。这就是你指的吗？是的。。要确认当您说on document ready时，您是通过jquerys onload事件处理程序加载它还是通过默认body onload=''。。。。因为我不相信身体法。。尝试重新排序onload/init脚本。。。但是如果没有更多的洞察力，很难猜到这一点。。。你能发几行例句之类的话吗。。。假设包含googlebox元素和generalmap load scriptI使用jQuery$（document）.ready（function（）{在这里调用google的initialize函数}）的行；仍然需要多看一点或多解释一点，如果映射加载一般，那么doc/ready/init工作正常。。所以这可以归结为映射的实际脚本或与包含它的元素相关的东西。您是否删除了裸脚本并在空白页中进行了测试，以查看问题是否遵循了脚本或与项目相关。我将在空白页上进行尝试。如果代码不起作用，我会在之后发布。非常感谢您的回复！