Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[skvarel]

Die Deckkraft der kleinen Popups lässt sich jetzt in der Config einstellen.

Das Update zur 1.6.0 kommt im Laufe des Tages

[lyc]

@skvarel Wenn ich den Link öffne , kann ich den Zeitraum einstellen,ja. Wenn ich den Zeitraum einstelle und diesen Link dann kopiere und öffne habe ich den Zeitraum vom link offen (life360ng.0/tracker/xxx_.html?_t=1778511883406#2026-05-08_2026-05-11) , ich kann aber nicht einstellen, Zeitraum z. B. letzte 3/7/14 Tage ohne es nach dem Öffnen auszuwählen. Der Zeitraum ist immer fest definiert. Über ..../last_3days oder .../2026-05-08_now könnte man den Zeitraum vorwählen, der dann angezeigt wird.

Die Popups sind schon mal die Richtung. Anstatt der Popups kann man doch den Streckenverlauf an dem Tag nehmen und highlighten?

[skvarel]

@lyc sagte:

Die Popups sind schon mal die Richtung. Anstatt der Popups kann man doch den Streckenverlauf an dem Tag nehmen und highlighten?

Genau das habe ich doch gerade eingebaut ?!

[skvarel]

@lyc sagte:

@skvarel Wenn ich den Link öffne , kann ich den Zeitraum einstellen,ja. Wenn ich den Zeitraum einstelle und diesen Link dann kopiere und öffne habe ich den Zeitraum vom link offen (life360ng.0/tracker/xxx_.html?_t=1778511883406#2026-05-08_2026-05-11) , ich kann aber nicht einstellen, Zeitraum z. B. letzte 3/7/14 Tage ohne es nach dem Öffnen auszuwählen. Der Zeitraum ist immer fest definiert. Über ..../last_3days oder .../2026-05-08_now könnte man den Zeitraum vorwählen, der dann angezeigt wird.

Sorry, aber das verstehe ich leider nicht. Was machst du mit dem Link? Der Timestamp in der URL ist nur temporär. Den kopiert man nicht mit.

Bitte nur die URL so verwenden, wie ich sie in die Datenpunkte schreibe.

Man lässt sich die Karten im Browser oder iFrame in der VIS anzeigen, stellt das Datum ein und es bleibt gespeichert, bis man die Seite schließt.

Wo möchtet du das Datum eingeben, wenn nicht bequem über die Datepicker?

[lyc]

@skvarel Wenn ich die view in der das Fahrtenbuch angezeigt wird, öffne, kann ich das über die Datumsauswahl einstellen, aber eben nur temporär.
Wenn ich die view öffne und immer nur die letzten x Tage angezeigt haben möchte, wäre ein Timestamp in dem link wie letzten x Tage komfortabler anstatt immer erst dann den Zeitraum einzustellen. Aber egal, läuft auch so. :)

[skvarel]

@lyc

Ich denke, jetzt habe ich dich verstanden.
Ich habe da eine Idee ..... eine Checkbox um das Datum zu fixieren. Ich gucke morgen, ob ich das eingebaut bekomme

[lyc]

@skvarel

@skvarel sagte:
"das Datum zu fixieren."

Ja, aber rückwirkend vom aktuellen Zeitpunkt.

[Merlin123]

@lyc Blöde Frage: Für was brauchst du das denn?
Mir wäre es zu viel, immer die Strecken der letzten Tage zu sehen. Hin und wieder vielleicht mal interessant, aber dauerhaft?

[lyc]

@Merlin123 Brauchen nicht, kann mir das auch über die App anschauen. Ich und meine Frau nutzen die App um z.b.Stundenzettel zu schreiben, so seh ich, die Fahrten ohne in die App zu schauen, ob irgendwo was vergessen wurde. Es reicht meistens auch nur der ungefähre Bereich. Ist halt ganz praktisch.

[skvarel]

@lyc

Ich hätte eine Lösung. jkvarel hat mich drauf gebracht.

In der Config eine Feld für x Tage in die Vergangenheit.

1 bedeutet Tagesaktuell, so wie jetzt
2 bedeutet gestern und heute
3 bedeutet dann 3 Tage usw.

Das würde nur den Start Datepicker beeinflussen.

[skvarel]

Ich warte noch einen Tag mit dem Latest Update. Die Funktion mit der 'Tageshervorhebung' ist erstmal nur Alpha.

[skvarel]

@lyc .. guckst du ;)

Config .. hier kannst du deine Tage einstellen

Die Karte zeigt dann das Startdatum der eingestellten Tage an

HINWEIS:
Solange man die Karte geöffnet hat, kann man sich manuell die Tage über den Datepicker anzeigen lassen. Sobald man die Karte schließt und wieder öffnet, greift das Startdatum aus der Config!

• 1 = Default ... immer nur der aktuelle Tag
• 2 = Gestern und Heute
• 3 = Vorgestern BIS Heute
• usw.

Zur Zeit nur Alpha (Github). Morgen kommt es ins Latest!

[lyc]

@skvarel Danke. Schau ich mir morgen dann mal an .

[Daniel81]

Was mir noch aufgefallen ist: Wenn ich auf der Karte bestimmte Personen abwähle, werden diese nach dem Neuladen der Karte wieder automatisch aktiviert.

Ich weiß nicht, ob dieses Verhalten hier schon erwähnt wurde. Ansonsten ist es wirklich klasse umgesetzt.

[skvarel]

@Daniel81 .. schaue ich mir morgen an.

[skvarel]

@Daniel81 sagte:

Was mir noch aufgefallen ist: Wenn ich auf der Karte bestimmte Personen abwähle, werden diese nach dem Neuladen der Karte wieder automatisch aktiviert.

Habe ich gerade gefixed!

Ist schon bei Github und kommt nachher ins Latest

[skvarel]

Es gibt einen neuen Button im Hamburger Menü

Darüber lässt sich die Karte neu laden, wenn man z.B. Änderungen der Config direkt anzeigen möchte. Sonst werden Änderungen erst nach dem eingestelltem Intervall sichtbar.

EDIT:

Das ist der Grund für den Reload-Button

[skvarel]

UPDATE ... die 1.6.0 ins unterwegs ins Latest 🚀

[stefu87_CH]

Gerade die V 1.6.0 geladen. Du machst alle mega happy mit dem Adapter. Der Adapter ist eine Bereicherung für alle.

Besten Dank für deinen tollen Einsatz und die Ideen die du hast. @skvarel

[lyc]

@skvarel Wenn ich einer Ki das sage kommt das dabei raus, finde das mit dem Vergangenheitsfeature dann ganz nützlich. Aber hab da selber wenig Ahnung von . "Die Popup-Lösung auf den einzelnen Punkten ist nicht das, was ich meine. Ich möchte, dass man beim Hovern über die Linie selbst (nicht über einen Punkt) die gesamte Tagesroute als zusammenhängende Strecke hervorgehoben sieht — dicker, heller — und alle anderen Tage gleichzeitig verblassen. Das ist in Leaflet ein mouseover-Event auf dem L.polyline-Objekt des jeweiligen Features, nicht auf den Markers. Die GeoJSON-Daten haben bereits eine LineString-Geometrie pro Tag — die muss als eigene Polyline mit eigenem Hover-Handler gerendert werden."

// Alle Tagesrouten als separate Layer rendern
const routeLayers = {};

features.forEach(feature => {
    const date = feature.properties.date;
    const color = feature.properties.color;
    const coords = feature.geometry.coordinates.map(c => [c[1], c[0]]);

    const polyline = L.polyline(coords, {
        color: color,
        weight: 3,
        opacity: 0.7
    }).addTo(map);

    // Hover auf der LINIE, nicht auf einzelnen Punkten
    polyline.on('mouseover', function () {
        // Diese Linie hervorheben
        this.setStyle({ weight: 6, opacity: 1 });
        this.bringToFront();

        // Alle anderen abdimmen
        Object.values(routeLayers).forEach(other => {
            if (other !== this) {
                other.setStyle({ opacity: 0.2 });
            }
        });
    });

    polyline.on('mouseout', function () {
        // Alles zurücksetzen
        Object.values(routeLayers).forEach(layer => {
            layer.setStyle({ weight: 3, opacity: 0.7 });
        });
    });

    routeLayers[date] = polyline;
});