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/

有没有办法将Google Maps Polygon链接到我页面上的其他内容？

1 个答案: