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 · custom (eigener Kachel-Server)
centerDeutschland[lat, lon] Startmittelpunkt
zoom6Start-Zoom (1–22, ab 19 bzw. 17 bei Gelände vergrößerte Kacheln); bei followMarkers = max. Zoom des Auto-Fit
followMarkersfalseAnsicht automatisch an alle Marker anpassen
markerSpreadtrueMarker am selben Ort nebeneinander statt übereinander zeichnen

Eigener Kachel-Server ​

Für Installationen ohne Internet, z. B. mit lokalem Kachel-Cache auf einem Raspberry Pi. Kartentyp Eigener Kachel-Server wählen.

OptionStandard
tileUrl—URL-Vorlage mit {z}/{x}/{y}, optional {s} für Subdomains
tileMinZoom0kleinste Zoomstufe mit Kacheln, weiter hinaus geht es nicht
tileMaxZoom22größte Zoomstufe mit Kacheln, weiter hinein geht es nicht
tileAttribution—Quellenangabe unten rechts

Ist tileUrl gesetzt, gilt sie unabhängig von mapStyle.

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. Der Chip Eigene Karte erscheint nur, wenn ein eigener Kachel-Server eingetragen ist.

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
homeMarkerId—id 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
emoji—Symbol vor dem Text
colorAkzentfarbeFarbe des Chips
filledfalsecolor füllt den ganzen Chip (statt nur den Rahmen); Textfarbe passt sich automatisch an
zoom—Zoomstufe 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

Linien: Routen & Strecken ​

Linien (lines) zeichnen eine berechnete Route zwischen zwei Markern oder eine aufgezeichnete Strecke. Ein Infokasten zeigt Name, Länge und bei Routen die Fahrzeit. Mit followMarkers passt sich die Ansicht auch an die Linien an.

sourceFelderQuelle
routefromMarkerId, toMarkerId, profileRoute entlang der Straßen (OSRM, OpenStreetMap); profile: car · bike · foot
jsondp, pointsPath, latPath, lonPathDP mit Punkteliste, z.B. { "name", "lineColor", "points": [{ "lat", "lon", "timestamp", "speed", "accuracy" }] }, auch GeoJSON
historydp, historyInstance, historyHours, maxPoints, latPath, lonPathVerlauf eines Positions-DPs (JSON oder "lat,lon") aus History/InfluxDB/SQL

Pro Linie zusätzlich:

FeldStandard
labelName aus dem DP bzw. Start → ZielName im Infokasten
colorlineColor aus dem DP, sonst blau (Route) / rot (Strecke)Linienfarbe
width4Linienstärke in px
showPointsfalsePunkt je Messung (json/history); Klick zeigt Zeit, Tempo, Genauigkeit
markerId—Marker, den der Chip der Linie mit ein- und ausblendet (nur mit lineChips)
historyHours24Zeitraum für history, nur ohne Zeitraum-Chips/Blättern/Gruppe
maxPoints2000höchstens so viele Punkte zeichnen (json/history); längere Strecken werden vereinfacht (Douglas-Peucker), Länge und Zeitleiste zählen alle Punkte
OptionStandard
lines[]Liste der MapLine
lineInfobottom-leftEcke des Infokastens: top-left · top-right · bottom-left · bottom-right · off

Bewegt sich ein Marker, wird die Route höchstens alle 30 s neu berechnet.

Zeitraum & Blättern ​

Wie beim Diagramm: aufgezeichnete Strecken (history/json mit Zeitstempel) zeigen den gewählten Zeitraum. Lange Zeiträume werden tageweise gelesen.

OptionStandard
rangeChips[]Zeitraum-Chips, z.B. ["6h", "24h", "7d", "1M=Monat"]; der erste ist der Start
dayNavfalseBlätter-Leiste ‹ › ⇥ + Datum; Schritt = aktiver Chip, ohne Chips ein Tag
dayNavDefaulttruemit dayNav auf dem aktuellen Zeitraum (heute) starten statt rollend
navAnchorendgewähltes Datum = letzter (end) oder erster (start) Tag des Fensters
navGroup—Kopplungsgruppe: Karten und Diagramme mit gleichem Namen teilen Chip und Datum
navGroupModealldate = nur das Datum teilen
navDateDp · navRangeDp · navCommandDp—Datum, Zeitraum, Befehl (prev/next/today/now) als Datenpunkt, auch geräteübergreifend
navFreeRangefalseFreier Zeitraum: 📅 wählt Von und Bis, ‹ › springen um dessen Länge
navIdleReset—Minuten ohne Bedienung → zurück auf Standard-Zeitraum und Startdatum; Gruppe folgt
navEndDp—Ende-Datenpunkt (von–bis): gesetzt = navDateDp ist der erste, dieser der letzte Tag
rangeChipSize · navSizesmsm · md · lg
rangeChipPosition · navPositiontoptop · bottom

Gegenstück: Diagramm.

Tageschronik: Chips, Zeitleiste ​

OptionStandard
lineChipsfalseein Chip je Linie über der Karte; immer nur eine Linie sichtbar
lineChipsMultifalseChips schalten jede Linie einzeln ein/aus
timelinefalseAufenthalte und Fahrten der ersten sichtbaren Strecke unter der Karte; Tippen zoomt hin
stayRadius100Meter, innerhalb derer ein Aufenthalt bleibt
stayMinutes10Minuten am selben Ort, ab denen ein Aufenthalt zählt

Adressen der Aufenthalte kommen von OpenStreetMap (Photon). Liegt ein Aufenthalt an einem Marker mit festen Koordinaten oder Adresse, steht dessen Name mit ★ davor. Strecken enden mit einem Richtungspfeil.