Google maps 在Google地图标记中单击URL更改页面

我正在为一个艺术项目建立一个网站。它是基于Wordpress的，我希望用户浏览自定义谷歌地图时能够浏览到地图标记中不同文章的链接。我已经尝试过插入带有功能链接的标记，一切都很好

我找到了两种在我的站点中显示地图的解决方案：

1） 在这里，我告诉GoogleMapsAPI在页面内的一个div中构建地图，相关Javascript位于名为

map.js

的文件中。使用此解决方案，我可以将标记用作功能齐全的链接，但是，正如您在链接中所看到的，地图几乎完全没有渲染

2） 在这里，我在另一个页面上构建地图，该页面是嵌入在iframe中的。地图是正确渲染的，带有标记和所有内容，但是当单击标记时，地图就消失了

你们对我如何解决这个问题有什么建议吗

多谢各位

（我为这个非常具体的问题感到抱歉）

************更新***************

对于第一种情况，问题解决了，css一直在扭曲图像

我指的是Link#1，我看到了一些类似的情况，地图控件被扭曲，解决方案是更新CSS，将地图div中的img属性恢复为默认值

因此，尝试将这些行添加到style.css的末尾。它只会影响map div中的内容

#map label { width: auto; display:inline; }
#map img { max-height: none; max-width: none; }

---

夫人！你的回答绝对解决了我的问题。还有优雅。我的错。我一直在错误的地方寻找错误。非常感谢你。