Neues YouTube-Video: Visualisierung im Devices-Adapter

[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;
});

[skvarel]

@lyc .. das muss ich mir in Ruhe angucken. Mouseover ist bei mobilen Geräten nicht einfach. Das wird wohl nur am PC funktionieren.

[lyc]

@skvarel ja ,alles gut. Nur du verstehst mich jetzt?! ;) Der Adapter ist ja jetzt schon richtig gut. Aber du hast ja nach Wünschen und Anregungen gefragt.

[skvarel]

@lyc .. ich denke, es wird ein weitere Punkt im Hamburger Menü werden. Eine Checkbox für Mouseover. Morgen Nachmittag weiß ich mehr.

[lyc]

@skvarel Als ersatz für die tageshervorhebung ? mouseover ist im mobilsektor einfach onclick ?! sollte dann ja das gleiche machen?

[skvarel]

@lyc .. nein, die jetzige Tageshervorhebung möchte ich behalten. Ich nutze sie ;)

Dein Wunsch wird ein weiteres Feature.

[skvarel]

@lyc .. eine andere Idee wäre:

• Mouseover (oder Klick) auf die Punkte blendet alle Popups ein;
• Mouseover (oder Klick) auf die Strecke blendet nur die anderen Routen aus;

Ich gucke mir das im Detail an!

[lyc]

@skvarel cool. war auch gerade mein Gedanke, beide kombinieren. :D

[skvarel]

@lyc .. das Abdimmen habe ich ja bereits drin: