Geo Map Hilfsfunktionen

Die geo_map Komponente zeigt mithilfe von Leaflet eine interaktive Landkarte an. Sie unterstützt Markierungen, Kreise und mehrere Datenebenen.

WCAG AA

Leaflet

Funktionen

Markierungstypen: Standardmarkierungen oder skalierte Kreise.
Mehrere Datensätze: Verschiedene Datenebenen anzeigen.
Konfigurierbare Ansicht: Startkoordinaten und Zoomstufe.
Popup-Beschreibungen: Optionale Beschreibungen beim Klicken auf einen Marker.

HTML

RTL

Verwendung

Die Komponente wird über das geo_map Tag eingebunden.

{% load insight_tags %} {% geo_map config=geo_map_config %}

Parameter

config (GeoMapConfig oder als kwargs oder als Kombination aus beidem)

Dataclass für die Komponentenkonfiguration.

Name	Typ	Beschreibung	Standardwert	Erforderlich
initial_coords	list[float]	Startpunkt auf der Karte [Breitengrad (Latitude), Längengrad (Longitude)].	[52.52, 13.405]	False
initial_zoom	int	Anfangszoomstufe.	8	False
map_height	int	Höhe der Karte in 'rem'.	36	False
datasets		Liste der anzuzeigenden Datenebenen.	[]	False
aria_label	str	Barrierefreie Beschriftung, die den Zweck der Karte erläutert.	"Interaktive Karte"	False

GeoMapConfig( initial_coords=[52.52, 13.405], initial_zoom=10, aria_label="Standorte unserer Filialen in Deutschland", datasets=[ GeoMapDatasetConfig( name="offices", type="marker", data=[ GeoMapMarkerConfig(title="HQ", lat=52.52, lon=13.405), ], ), ], )

Barrierefreiheit

	WCAG AA	WCAG AAA
Status		N/A

WCAG AA (Grundlagen)

Der Karten-Container hat die Eigenschaft role='application' mit einem beschreibenden aria-label.
Eine Alternative für Screenreader listet alle Orte in einem visuell ausgeblendeten Element (sr-only) auf.
Die Tastaturnavigation für die Landkarte ist aktiviert: Pfeiltasten können zum Verschieben und +/- zum Zoomen verwendet werden.
Markierungen verfügen über die Eigenschaft keyboard: true und einen alt-Text zur Gewährleistung der Barrierefreiheit.
Die Steuerelemente der Karte (Vergrößern/Verkleinern, Ebenenumschalter) verfügen über barrierefreie aria-label-Attribute.
Der Link zur Quellenangabe für die Karte zu OpenStreetMap ist verfügbar.
In den Marker-Popups werden Titel und Beschreibung als lesbarer Text angezeigt.