单击 Google 地图标记中的 URL 更改页面答案

【问题标题】：Change page clicking an URL in a Google Map marker单击 Google 地图标记中的 URL 更改页面
【发布时间】：2012-05-30 15:21:55
【问题描述】：

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

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

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

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

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

谢谢。

（对于这个非常具体的问题，我很抱歉）。

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

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

【问题讨论】：

【解决方案1】：

我指的是链接 #1，我已经看到类似的情况，地图控件被扭曲，解决方案是更新 CSS 以将 img 属性恢复为地图 div 中的默认值。

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

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

【讨论】：