1

Googleマップでポリゴンをいくつか作成しました。次に、ポリゴンにイベントを追加しclickて、ポリゴンをクリックすると、Webページの別の部分（その領域に関する情報が含まれている）に移動できるようにします。

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！にアクセスします。Googleはiframeに読み込まれないためです。

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

于 2012-05-19T20:46:18.753 に答える