将HTML链接添加到谷歌地图圆圈元素

Add HTML Link to Google Maps Circle Element

本文关键字：元素 谷歌地图 HTML 链接 添加      更新时间：2023-09-26

我确信有一种简单的方法可以做到这一点，但我似乎在谷歌地图在线文档中找不到它。我有一个包含多个圆圈的地图，其想法是单击圆圈将打开一个新的 HTML 页面。

对于每个圆圈.....

Lat Long的定义是： 

var NZNorth=new google.maps.LatLng( -38.929764,176.009002);

圆变量：

var Circle1 = new google.maps.Circle({
center:NZNorth,
 radius:250000,
 strokeColor:"#FA0014",
 strokeOpacity:1,
 strokeWeight:1,
 fillColor:"#FA0014",
 fillOpacity:0.2
 });

打电话给圈子：

Circle1.setMap(map);

因此，要在单击圆圈时添加超链接，我需要做什么？我不确定我是否必须为每个圆圈声明链接，然后在每个圆圈变量中包含 onclick 函数？

一如既往地感谢您的帮助！

如果有人遇到同样的问题，请将 URL 添加到您的变量中

var Circle1 = new google.maps.Circle({
center:NZNorth,
radius:250000,
strokeColor:"#FA0014",
strokeOpacity:1,
strokeWeight:1,
fillColor:"#FA0014",
fillOpacity:0.2,
URL:'http://www.bbc.co.uk'
});

然后添加侦听器！ 

google.maps.event.addListener(Circle1, 'click', function() {
 window.location = Circle1.URL; 
});

Circle 会引发"click"事件。因此，您必须向其添加侦听器。

相关文章：