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

Question

我在Google地图上制作了一些多边形.现在我想向clickPolygons 添加一个事件,这样当你单击Polygon时,你会转到网页的另一部分(包含有关该区域的信息).

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/