Mehrere Marker mit eigener Grafik und jeweils eigenen Link (Html Webseite)

Communities Deutschland (Germany)
1

Ich versuche mehrere Marker ( Grafiken auf denen das Land steht) und jeweils einen eigenen Link in einer Webseite einzubinden. Irgendwie stehe ich auf meiner Leitung.
Kann jemand helfen oder eine Anleitung nennen

Danke

function add_marker() {
        var points = [
            ["P1", 43.058908, -89.442229, "http://www.url_address_01.com/","bild.php?text=london"],
            ["P2", 43.058618, -89.452032, "http://www.url_address_02.com/","bild.php?text=Schweden"],
            ["P3", 43.058715, -86.461726, "http://www.url_address_03.com/","bild.php?text=Genf"],
			["P4", 43.068715, -86.421726, "http://www.url_address_03.com/","bild.php?text=Genf1"],
            ["P5", 43.068715, -86.425726, "http://www.url_address_03.com/","bild.php?text=Genf2"]
        ];
		

		
        var marker = [];
        var i;
        for (i = 0; i < points.length; i++) {
			
		var point = new L.Icon({
			iconUrl:  points[i][4],
			 
		});
			 };
		 var i;
	  for (i = 0; i < points.length; i++) {
            marker[i] = new L.Marker([points[i][1], points[i][2]], { icon: point,
                win_url: points[i][3]
            });
            marker[i].addTo(map);
            marker[i].on('click', onClick);
        };
    }

    function onClick(e) {
        console.log(this.options.win_url);
        window.open(this.options.win_url);
    }
2

Welches ToolKit / Bibliothek verwendest Du?

3

Leaflet - bisher jedenfalls.

4

Sorry, hätte ich gleich dazu fragen sollen: Was funktioniert nicht? :blush:

Auf den ersten Blick:

Sollte das nicht eher points[i][3]sein?

5

4 ist die Grafik
3 ist der Link zu klicken

Es erscheint weder die Grafik noch der Link. Ohne meine eigene Grafik ging das, mit der Grafik die Leaflet zur Verfügung stellt.

Meine Ziel ist

Eine EU Karte mit Ländernamen zu anklicken

6

Dann könnte es noch an dem Komma am Ende liegen:

Es folgen ja keine weiteren Attribute mehr für das Icon. Also weg damit.

Meisten gibt die Browserkonsole (Strg+Umschalt+J bei FireFox) auch hilfreiche Fehlermeldungen aus.