【问题标题】:How to make a Google Maps marker a simple URL link?如何使 Google 地图标记成为简单的 URL 链接?
【发布时间】:2012-01-09 05:12:28
【问题描述】:

我正在寻找一种将 Google 地图标记设为简单链接的方法 (<a href="">)。

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

有没有办法做到这一点?

【问题讨论】:

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


    【解决方案1】:

    有解决此问题的解决方法

    1. 用链接包装谷歌地图 div with href="#"
    2. mouseouver and mouseout events of the markers设置为更新链接href(鼠标悬停将链接设置为与标记对应的页面,鼠标悬停将其设置回“#”)。

    这样,中键/ctrl单击/普通鼠标左键单击都有想要的经典行为,开销非常有限。

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

    【讨论】:

      【解决方案2】:

      有趣的想法。我想到的唯一解决方案是使用 jquery 将每个标记元素包装到<a href="..." />

      $(something).wrap('<a href="..." />');
      

      问题是如何找到所有标记,即“某物”的表达方式是什么。

      【讨论】:

      • @skarE,并非总是如此——如果它们是可拖动的,它们就是单独的标记。
      【解决方案3】:

      因为点击标记是一个 javascript 事件,所以您只能使用 location.href/window.open 函数。

      如果您想要标准的 html 链接,那么您最好的选择是在用户单击标记时打开一个信息窗口,并使信息窗口的内容成为一个 html 链接。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-09-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-02-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多