Skip to content

Karte

Zeigt Positionen (Auto, Kind, Haustier …) aus Datenpunkten auf einer OpenStreetMap-Karte. Marker folgen live den Datenpunkten; optional wird die Entfernung zu einem Heimat-Marker eingeblendet. Schnellzugriff-Chips springen zu vordefinierten Orten, ein optionaler Umschalter wechselt den Kartentyp im laufenden Betrieb.

Datenpunkt

Die Karte selbst hat keinen Haupt-Datenpunkt — Positionen werden pro Marker konfiguriert (options.markers). Ein Marker liest seine Koordinaten in einem von vier Modi:

modeFelderQuelle
jsonjsonDp, latPath, lonPathJSON-/Objekt-DP mit Pfad zu Lat/Lon
latlonlatDp, lonDpzwei separate numerische DPs
staticlat, lonfeste Koordinaten
addressaddressFreitext-Adresse, per OpenStreetMap geocodiert

Pro Marker zusätzlich: label, emoji, color.

Einstellungen

Alle Optionen werden im Editor unter Widget bearbeiten gesetzt.

Karte

OptionStandard
mapStylestandardstandard · satellite · terrain
tileUrleigener Kachel-Server (überschreibt mapStyle)
tileAttributionCopyright-Hinweis für tileUrl
centerDeutschland[lat, lon] Startmittelpunkt
zoom6Start-Zoom; bei followMarkers = max. Zoom des Auto-Fit
followMarkersfalseAnsicht automatisch an alle Marker anpassen

Kartentyp umschalten

Chips über der Karte wechseln den Kartentyp im Frontend. Die Auswahl gilt nur für das jeweilige Gerät und fällt beim Neuladen auf den konfigurierten Kartentyp zurück. Eine eigene tileUrl wird angezeigt, bis im Frontend ein Kartentyp gewählt wird.

OptionStandard
showStyleChipsfalseUmschalter im Frontend anzeigen
styleChipsCornertop-lefttop-left · top-right · bottom-left · bottom-right
styleChoicesalleangebotene Typen, z.B. ['standard', 'satellite']

Liegen Umschalter und Schnellzugriff-Chips in derselben Ecke, stapeln sie sich untereinander.

Marker & Entfernung

OptionStandard
markers[]Liste der MapMarker (siehe Tabelle oben)
showDistancefalseEntfernung zum Heimat-Marker anzeigen
homeMarkerIdid des Markers, von dem aus gemessen wird

Schnellzugriff-Chips

Chips (quickViews) rezentrieren die Karte auf einen gespeicherten Ort. Die Zielposition wird wie ein Marker aufgelöst (mode + Felder), zusätzlich mit optionalem zoom.

Pro Chip zusätzlich:

FeldStandard
labelPositionText auf dem Chip
emojiSymbol vor dem Text
colorAkzentfarbeFarbe des Chips
filledfalsecolor füllt den ganzen Chip (statt nur den Rahmen); Textfarbe passt sich automatisch an
zoomZoomstufe beim Springen; ohne Wert bleibt die aktuelle
OptionStandard
quickViews[]Liste der MapQuickView
chipsPositionoverlayoverlay (über der Karte) · below (darunter)
chipsCornertop-rightEcke bei overlay: top-left · top-right · bottom-left · bottom-right