Fix: Leaflet lokal hosten + Container-Hoehe explizit setzen

- Leaflet JS/CSS + MarkerCluster lokal in /static/vendor/ (kein CDN)
- Marker-Images lokal gehostet
- Container-Hoehe wird per JS berechnet falls gridstack 0px liefert
- gridstack karte-Item: display flex auf item-content
- Kein CDN-Abhaengigkeit mehr fuer Kartenfeature

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-03-04 22:51:15 +01:00
Ursprung 8ff4f5618f
Commit 248536f1d5
11 geänderte Dateien mit 782 neuen und 18 gelöschten Zeilen

Datei anzeigen

@@ -639,6 +639,20 @@ const UI = {
const totalArticles = locations.reduce((s, l) => s + l.article_count, 0);
if (statsEl) statsEl.textContent = `${locations.length} Orte / ${totalArticles} Artikel`;
// Container-Hoehe sicherstellen (Leaflet braucht px-Hoehe)
if (container.offsetHeight < 50) {
// Fallback: Hoehe aus gridstack-Item berechnen
const gsItem = container.closest('.grid-stack-item');
if (gsItem) {
const headerEl = container.closest('.map-card')?.querySelector('.card-header');
const headerH = headerEl ? headerEl.offsetHeight : 40;
const available = gsItem.offsetHeight - headerH - 4;
container.style.height = Math.max(available, 200) + 'px';
} else {
container.style.height = '300px';
}
}
// Karte initialisieren oder updaten
if (!this._map) {
this._map = L.map(container, {