javascript - Google Maps API 使用标记作为链接?

标签 javascript google-maps google-maps-markers

我对使用 Google Maps API 还很陌生,尽管我在上周学到了很多关于它的知识,但仍然困扰我的一件事是我不知道如何添加标记事件,以便当我点击一个标记时,它会将我带到一个网站。我希望标记说,例如,当我点击它时,带我去 Google( http://www.google.ie/ )。

GEvent.addListener(marker, "click", function() {

       });

我只是不知道要在这个函数中放入什么来执行此操作,我在每个标记上都有两个事件,其中一个事件是我将鼠标悬停在标记上,效果很好,只需点击我想要的按钮即可。

最佳答案

GEvent.addListener 是一个事件监听器(正如它所说的那样)。它会要求您执行某些操作,在本例中是单击。当您调用 addListener 时,您也在创建一个函数。

在函数中,您可以调用任何您想要的内容。通常,大多数人都会打开描述标记的信息窗口,但在您的情况下,您可以输入:

window.location = "http://www.google.com";

所以你的整个代码可能如下所示:

GEvent.addListener(marker, "click", function() {
                   window.location = "http://www.google.com";
       });

仅供引用,我没有测试代码。

关于javascript - Google Maps API 使用标记作为链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7756704/

相关文章:

javascript - 如何将数据从文本列传递到DataTable中的onClick按钮?

javascript - 未捕获的 TypeError : (0 , _store.configureStore) 不是函数

google-maps-api-3 - 谷歌地图在按钮单击上加载 map - 使用另一个按钮加载标记

javascript - 如何单独存储和更改坐标 - Google Maps API

javascript - 谷歌地图聚类不适用于单个位置

javascript - 如何从javascript中的数组中删除单个实例?

javascript - 来自 Google API 脚本的 W3C 抛出错误

android - 从谷歌地图 Intent 获取结果

javascript - Google map 未显示(Spring、Maven、Thymeleaf、SalesPoint)

javascript - map 标记不显示 (JavaScript/Google Maps API V3)