將HTML鏈接添加到Google Maps Circle元素

Question

我敢肯定有一個簡單的方法可以做到這一點，但是我似乎在Google Maps在線文檔中找不到它。 我有一個帶有多個圓圈的地圖，其想法是單擊圓圈將打開一個新的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超鏈接，我需要做什么？ 我不確定是否必須為每個圓聲明鏈接，然后在每個圓變量中包含onclick函數？

一如既往的感謝您的幫助！

Answer 1

如果有人遇到相同的問題，請將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; 

});

Answer 2

Circle引發“點擊”事件。 因此，您必須為其添加一個偵聽器 。