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

标签 javascript google-maps google-maps-api-3 google-maps-markers

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

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

有办法吗?

最佳答案

这个问题有一个解决方法

  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 设置为“#”时。

关于javascript - 如何使 Google map 标记成为简单的 URL 链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8317949/

相关文章:

google-maps - Google Directions API 公交返回总是 "ZERO_RESULTS"

安卓应用和谷歌地图 :

javascript - 分派(dispatch) redux 操作时 JS 执行乱序

javascript - 您可以使用 Array.flatMap 在 Javascript 中返回 n 个选择 k 个组合吗?

javascript - 从 .gpx 文件导入坐标并使用 Google Maps API 显示的最佳方式

javascript - 如何在 Google Maps API 中 move 标记

c# - 如何从谷歌地图读取返回的xml值

javascript - 来自地址的标记人口

javascript - 需要使用 Vue.js 访问对象数组

javascript - 如何以编程方式测试 ngrok 是否已在运行