Tutorial Karte: Echte Map in Kachel + Zwei-Step-Flow mit Legende
Kachel-Ansicht (Step 17):
- Echte Leaflet-Map mit OSM-Tiles und 3 Markern direkt in der Kachel
(statt grauem Platzhalter), gezoomt auf Hamburg
- Orte einlesen + Vollbild-Buttons werden nacheinander gehighlightet
- Erklaerung der Geoparsing-Funktion in der Bubble
Vollbild-Ansicht (Step 18 - neu):
- Oeffnet Karten-Vollbild, startet bei Europa-Zoom, fliegt auf Hamburg
- Bubble erklaert Legende detailliert (Farben + Kategorien + Artikelanzahl)
- Cursor besucht alle 3 Marker nacheinander, oeffnet jeweiliges Popup
fuer 2.5s (Burchardkai -> Innenstadt -> Elbe)
- Nach Demo: Weiter-Button erscheint
Refactoring:
- Marker-Erstellung und Legende in wiederverwendbare Methoden extrahiert
(_createDemoMarkers, _addDemoLegend)
- Gemeinsame Konstanten fuer Locations, Farben, Labels
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
e230248f61