1

我在谷歌地图上做了几个多边形。现在我想向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");

这就是它的样子，但我不知道它是如何工作的。

4

1 回答 1

5

您必须将命令包装在function(event) { ... }. 在这种情况下event是可选的。有几种方法可以重定向到新位置，这是一种：

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

window.location.href似乎也能正常工作。

我更改了一些变量名称和数字，然后转到 Yahoo! 因为谷歌不会在 iframe 中加载。

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

于 2012-05-19T20:46:18.753 回答