Filter-Icon durch Aufklapp-Chevron ersetzt, Karte bei Spaltenresize neu berechnen
- Icon im eingeklappten Zustand von Lupe (wirkte wie Such-Icon) auf ein Chevron (◂) geändert, das klar als Aufklappen-Symbol erkennbar ist. - ResizeObserver auf dem Kartencontainer ruft map.invalidateSize() auf, sobald sich dessen Größe ändert (z.B. beim Ein-/Ausklappen der Filter-Spalte). Ohne das blieb der neu hinzugewonnene Kartenbereich grau/leer, bis die Karte manuell bewegt wurde. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -320,7 +320,7 @@
|
||||
'summary',
|
||||
{ className: 'filter-panel__summary', attrs: { 'aria-label': 'Filter & Suche ein-/ausblenden' } },
|
||||
[
|
||||
el('span', { className: 'filter-panel__summary-icon', attrs: { 'aria-hidden': 'true' }, text: '🔍' }),
|
||||
el('span', { className: 'filter-panel__summary-icon', attrs: { 'aria-hidden': 'true' }, text: '◂' }),
|
||||
el('span', { className: 'filter-panel__summary-text', text: 'Filter & Suche' }),
|
||||
]
|
||||
);
|
||||
|
||||
@@ -172,6 +172,15 @@
|
||||
});
|
||||
L.control.zoom({ position: 'topright' }).addTo(map);
|
||||
|
||||
// Leaflet merkt Größenänderungen seines Containers nicht selbst (z.B.
|
||||
// wenn die Filter-Spalte auf Desktop ein-/ausklappt und dadurch die
|
||||
// Kartenspalte breiter/schmaler wird) - ohne invalidateSize() bleibt der
|
||||
// neu hinzugewonnene Bereich grau/leer, bis man die Karte anfasst.
|
||||
if (typeof ResizeObserver !== 'undefined') {
|
||||
const resizeObserver = new ResizeObserver(() => map.invalidateSize());
|
||||
resizeObserver.observe(map.getContainer());
|
||||
}
|
||||
|
||||
// tile.openstreetmap.org verlangt seit 2024 einen gültigen HTTP-Referer
|
||||
// (Tile Usage Policy). Seiten, die per file:// geöffnet werden, senden
|
||||
// browserseitig grundsätzlich keinen Referer mit ("Access blocked: Referer
|
||||
|
||||
Reference in New Issue
Block a user