javascript - 如何使 Google map 标记成为简单的 URL 链接？

Question

我正在寻找一种方法，使 Google map 标记成为一个简单的链接 (<a href="">)。

我不想使用 Javascript(例如 location.href)重现链接行为，因为我希望用户能够在新选项卡或窗口中打开链接(使用例如中键点击)。

有办法吗？

Answer 1

这个问题有一个解决方法。

1. 用链接包裹 google map div with href="#"
2. 设置mouseouver and mouseout events of the markers 更新链接 href(mouseover 将链接设置为与标记对应的页面，mouseout 将其设置回“#”)。

这样，中键单击/ctrl 单击/普通鼠标左键单击都具有所需的经典行为，开销非常有限。

此解决方案适用于全屏 map ，因为跟随“#”的 href 不会有任何效果。如果您希望此解决方案在超过-一个屏幕高度-高的页面上工作，您还应该在指向block the event propagation 的链接上添加一个点击事件监听器。当 href 设置为“#”时。