feat(frontend): Kartenansicht für Bienenstände (Später-Liste)

0 Fork 0

Neue Seite /apiaries/map zeigt alle Bienenstände mit hinterlegten
Koordinaten auf einer Leaflet-Karte (OpenStreetMap-Kacheln), mit
Marker-Popup, das zum jeweiligen Bienenstand verlinkt. Karte wird
per next/dynamic mit ssr:false geladen, da Leaflet auf window/document
zugreift.

Breiten-/Längengrad waren zwar seit dem MVP im Backend-DTO vorhanden,
aber über kein Formular erreichbar – ohne diese Lücke wäre die Karte
dauerhaft leer geblieben. Daher Breitengrad-/Längengrad-Felder auf der
Bienenstand-Anlegen- und Bearbeiten-Seite ergänzt.

Marker-Icons werden aus public/leaflet/ bedient statt aus
node_modules-Bild-Imports, da Turbopack Bilder aus node_modules nicht
als StaticImageData auflöst (führte zu "iconUrl not set"-Laufzeitfehler,
live im Browser gefunden und behoben) – der von Leaflet empfohlene
Workaround für Bundler-Icon-Probleme.

Live verifiziert: Koordinaten speichern, Karte zeigt Marker an
korrekter Position, Popup verlinkt korrekt, Empty State bei fehlenden
Koordinaten, mobile Breite ohne Overflow. Zero Konsolenfehler.

This commit is contained in:

Nick Szaunig committed 2026-08-25 00:38:08 +02:00

1 parent 4b9f5c7f47

commit aa3a777381

11 files changed

+238 -5

No files matched your search

ApiCore-Frontend/public/leaflet/marker-icon-2x.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 2.4 KiB

ApiCore-Frontend/public/leaflet/marker-icon.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 1.4 KiB

ApiCore-Frontend/public/leaflet/marker-shadow.png

BIN

View File

Binary file not shown.

After

Width: | Height: | Size: 618 B