Question

我正在建立一个艺术项目的网站。它基于Wordpress，我希望用户浏览浏览自定义Google地图的内容，其中包含指向地图标记内不同文章的链接。我已经开始插入带有功能链接的标记，一切都很好。

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

1）LINK to solution 1在这里，我告诉Google maps API在页面内的div中构建地图，并在名为map.js的文件中使用相关的Javascript。使用此解决方案，我可以将标记用作完整功能链接，但是，正如您在链接中看到的那样，地图几乎完全没有呈现。

2）LINK to solution 2在这里，我在嵌入iframe的不同页面上构建地图。使用标记和所有内容正确渲染地图，但是当单击标记时，地图就会消失。

你们有什么建议我怎么解决这个问题？

谢谢。

（我很抱歉非常具体的问题）。

的的 ** * ** * ** * 的** 更新 ** * ** * ** * ***

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

Answer 1

我指的是Link＃1，我看到类似的地图控件被扭曲，解决方案是更新CSS以将img属性恢复为地图div中的默认属性。

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

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