Karte per externen Html-Element bewegen

Hallo liebe Community,

ich bin momentan dabei eine Leaflet-Karte aufzubauen, die man per Klick auf eine SVG-Karte, die die Landkreise von BW abbildet, zu dem angeklickten LK bewegen und zoomen kann. (Z.B. Klick auf Stuttgart zentriert die Karte auf Stuttgart)

Jetzt bin ich mir nicht sicher, wie ich denn die Karte ansprechen kann.

mit

Code:

---

map.flyTo([landkreis.coordinates], landkreis.zoom)

---

in externer JS-Datei funktioniert es nicht, da die map nicht defined ist. Ich bin mir nicht sicher wo ich genau mit dem Suchen anfangen soll, um herauszufinden, wie ich die Karte richtig ansprechen kann...

Vielleicht weis jemand etwas und kann mir den nötigen Schubs geben :D

Beste Grüße
Florin

Die Contao-Integration ist über "L.contao" ansprechbar. Mit "L.contao.getMap('map_identifier')" kannst du nun die Karteninformationen holen:

Code:

---

L.contao.getMap('map_ce_4').map.flyTo(...);

---

Super! Vielen Dank!

Hat alles wie geplant geklappt! :D