有沒有辦法將Google地圖多邊形鏈接到我的網頁上的其他內容？

Question

我在Google地圖上製作了幾個多邊形。現在我想添加一個click事件到多邊形，所以當你點擊多邊形時，你轉到網頁的另一部分（包含有關該區域的信息）。

var map; 
var infoWindow; 

function initialize() { 
    var myLatLng = new google.maps.LatLng(50.88111111111, 3.889444444444); 
    var myOptions = { 
     zoom: 12, 
     center: myLatLng, 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    }; 

    var poly; 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var polyCoords = [ 
     verwissel(3.869506,50.906449), 
     verwissel(3.869654,50.905664), 
     verwissel(3.869934,50.904131), 
     verwissel(3.870310,50.902717), 
     verwissel(3.870471,50.901559), 
    ]; 

    poly = new google.maps.Polygon({ 
     paths: HerzeleCoords, 
     strokeColor: "#FF0000", 
     strokeOpacity: 0.8, 
     strokeWeight: 3, 
     fillColor: "#FF0000", 
     fillOpacity: 0.35 
    }); 

    google.maps.event.addListener(Poly, "click", href ="www.google.com"); 

這是什麼樣子，但我不知道它是如何工作的。

Answer 1

您必須將命令包裝在function(event) { ... }中。在這種情況下，event是可選的。有重定向到新的位置的幾種方法，這裏有一個：

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

window.location.href看起來很好的工作。

我改變了一些變量名和數字，然後去了Yahoo!因爲Google不會加載iframe。

http://jsfiddle.net/Njcqd/1/