Test iobroker.vis-mapwidgets

[bahnuhr]

@oliverio
Rückinfo:
Adapter installiert über benutzerdefiniert.

• url heißt: ... vis-mapwidgets
  bei Adapter zu finden dann unter: Karten-Widgets

dann Instanz installiert (hat diesmal geklappt)
zu finden dann unter: vis-mapwidgets.0

Anmerkung:
Vielleicht sollte man zum leichteren Finden die Namen überall gleich halten.

In vis-1.edit findet man ein widget: mapwidgets

Soviel vorab.
Ich teste mal das widget und die Einstellungen

[OliverIO]

Neue Version 0.0.7

• Die Datenpunkt Synchonisation wurde eingebaut. Nun stellt das widget selbst fest ob sich ein Datenpunkt geändert hat, ermittelt welche Elemente davon hinzugefügt, geändert oder gelöscht wurden und führt dann die Änderungen durch.

Die Erkennung hat allerdings auch seine Grenzen. Habe ich per Datenpunkt 10.000 Marker definiert und ich lösche den ersten, dann müssen dennoch 9.999 Marker gelöscht und hinzugefügt werden.

[OliverIO]

Neue Version 0.0.9

• Füge ein Beispiel für eine Polyline/Pfad in testdata.json ein. Der Pfad befindet sich in Bathey, einige Kilometer südlich von Dortmund.
• Füge ein weiteres Beispiel für eine Polyline/Pfad in testdata.json ein. Dieser Pfad befindet sich in Frankfurt am Main und beginnt im Stadtzentrum in Richtung Südosten.
• Füge ein Beispiel für vis1 hinzu, um die Karte mithilfe des vis-Skripts und der „expose“-Option zu manipulieren.
• Behebe den Fehler bei der Karteninitialisierung, der bei Änderung der Parameter auftritt.

Nachtrag: Soeben ist der vis-2 test efolgreich abgeschlossen worden.

[OliverIO]

@bahnuhr

hast du schon mal was testen können?

[bahnuhr]

@oliverio sagte in Test iobroker.vis-mapwidgets:

@bahnuhr

hast du schon mal was testen können?

Ja, hatte ein muster json von deiner git seite genommen und in einen DP eingefügt.
Linie wurde aber nicht angezeigt.

Irgendwie hab ich es noch nicht hinbekommen.

[OliverIO]

@bahnuhr
Gibt es Fehlermeldungen in der Web Developer Konsole im Browser?

[OliverIO]

@oliverio
Mit welchem Typ hast du den datenpunkt angelegt?

[OliverIO]

Neue Version 0.0.10

• Ergänzung von Hilfsfunktionen und Dokumentation
• Hinzufügen weiterer Beispiele und Überarbeitung der Beispiel-Dokumentation

Es sind nun folgende Beispiele im Rahmen von importierbaren Projekten enthalten:
https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/example.md

• 3 Marker
  verschiede Marker inklusive custom icon
  
• Path
  Anzeige eines individuellen Tracks
  
• Polygon
  veschiedene Polygone, Kreis und Rechtecke
  
• Button FlyTo
  Ein Skriptbeispiel für ein Custom Map Control + Flug zwischen Frankfurt und New York
  
• Complete
  Alle einzelnen Bestandteile in einem JSON für einen Gesamttest
  

[bahnuhr]

@oliverio
wollte Adapter neu installieren.
Bei install der Instanz kommt dann:

[bahnuhr]

@oliverio
So, habe alles nochmal gelöscht.
Auch unter ...node_modules...

Und dann neu.
Jetzt wurde es wieder installiert.

[bahnuhr]

@oliverio
So, polyline funktioniert.

Jetzt wäre es gut, wenn du noch
fitBounds
einbauen könntest.

Auch wäre es schön, wenn man die Farbe und Dicke der line ändern könnte.

Kannst du mir auch mal erklären, für was diese Punkte sind (es mir noch nicht klar):

Nachtrag:
lat, lon ist klar.
Aber was ist mit ...Expose ?

[OliverIO]

@bahnuhr sagte in Test iobroker.vis-mapwidgets:

Jetzt wäre es gut, wenn du noch
fitBounds
einbauen könntest.

Da bin ich gerade noch am überlegen. Mir schwebt vor für das JSON ein Objekt mit iobOptions hinzuzufügen und da kann man dann für jedes Objekt definieren, ob es beim abschließenden fitBounds berücksichtigt werden soll. Über das JSON kannst du ja nicht nur ein Objekt hinzuzufügen, sondern ganz viele. Diese Option würde dann für alle Objekte den abschließenden Gesamtrahmen berechnen und anzeigen.

Auch wäre es schön, wenn man die Farbe und Dicke der line ändern könnte.

Das kannst du jetzt schon. Ein Beispiel siehst du im Example Path
oder in der Dokumentation
https://github.com/oweitman/ioBroker.vis-mapwidgets?tab=readme-ov-file#polyline--polygon--rectangle--circle

Du kannst im json über das options objekt alle Optionen angeben, die in der Leaflet dokumentation unter options angegeben werden.
https://leafletjs.com/reference.html#polyline
Was etwas schwierig für manche sein kann ist, das nicht nur die direkt am objekt angegebenen Einstellungen gehen, sondern auch die abgeleiteten. Bei Polyline sind die meisten Einstellungen in der abgeleiteten Klasse von Path, also:
https://leafletjs.com/reference.html#path
dort findest du dann die Einstellungen color und weight

hier das aus der Dokumentation kopierte Beispiel mit 2 polylines

[
    {
        "latlng": [
            [50.2, 8.7],
            [50.2, 8.8],
            [50.3, 8.75]
        ],
        "options": {
            "color": "green",
            "weight": 10
        }
    },
    {
        "latlng": [
            [50.2, 8.8],
            [50.2, 8.9],
            [50.3, 8.85]
        ],
        "options": {
            "color": "blue",
            "weight": 5
        }
    }
]

Kannst du mir auch mal erklären, für was diese Punkte sind (es mir noch nicht klar):

Aber was ist mit ...Expose ?

Das siehst du hier
https://github.com/oweitman/ioBroker.vis-mapwidgets?tab=readme-ov-file#widget-configuration

Das durch das widget erzeugte map Objekt wird dir dadurch zur Verfügung gestellt und du kannst individuelle Befehle darauf ausführen.
Ein Beispiel dafür gibt es mit Button FlyTo.
Da wird zum einen ein Custom Control der map erzeugt. 2 Variationen davon der map hinzugefügt und eine individuelle Aktivität ausgelöst.

[OliverIO]

Neue Version 0.0.11

• die fitBound Option wurde eingebaut, so das alle Objekte die damit versehen wurde dann am Schluss in der Karte zentriert wird.
  Diese Option wird beim initialen Start (also Browser lädt) angewendet oder wenn sich die Daten im Datenpunkt ändern.

Auch hier gibt es eine Dokumentation
https://github.com/oweitman/ioBroker.vis-mapwidgets?tab=readme-ov-file#fitbounds
oder ein eigenes Demo Projekt
https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/example.md#directory-examplefitboundsjson

[bahnuhr]

@oliverio
Habe folgendes probiert:

{
  "polyline": [
    {
      "latlng": [
        [
          50.1058825,
          8.7048544
        ],
        [
          50.1060191,
          8.703583
        ],
        [
          50.1060036,
          8.7037638
        ]
      ],
      "options": {
        "color": "red",
        "weight": 3
      },
      "iobOptions": {
        "fitBounds": true
      }
    }
  ]
}

Und bei lat, lon, zoom überall 0 in edit.

Klappt irgendwie nicht.

[OliverIO]

@bahnuhr sagte in Test iobroker.vis-mapwidgets:

Hier klappt es

schau mal, in der konsole muss das folgende stehen

mapwidgets.js:156 Version mapwidgets: 0.0.10

leider steht aufgrund meiner aktuellen build pipline da immer nur immer die vorgängerversion drin.
lösche bitte mal den cache deines browsers. evtl steckt da noch die vorgängerversion drin.

die lat lon zoom angaben kann man sich sparen.

[bahnuhr]

@oliverio sagte in Test iobroker.vis-mapwidgets:

Hier klappt es

bei mir klappt es nicht.

@oliverio sagte in Test iobroker.vis-mapwidgets:

die lat lon zoom angaben kann man sich sparen.

steht aber in deiner Doku so drin.

[bahnuhr]

@oliverio sagte in Test iobroker.vis-mapwidgets:

lösche bitte mal den cache

klappt nicht.

[OliverIO]

@bahnuhr sagte in Test iobroker.vis-mapwidgets:

@oliverio sagte in Test iobroker.vis-mapwidgets:

lösche bitte mal den cache

klappt nicht.

welchen browser hast du?
welche version steht in der web developer konsole drin.
die kann mit F12 geöffnet werden (zumindest bei chrome,edge,firefox)
über den filter kann man das gut finden.
hier schon mal 0.11, bei dir noch 0.10

in chrome kann man den cach mit CTRL + Klick auf den Reload-Knopf löschen.
Wenn man ganz sichergehen will, dann wieder in der Web Developer Konsole mit F12 auf
dem Networktab dann das Kreuz setzen (bild von chrome und edge, bei firefox ähnlich)

habe gerade auch den releaseprozess optimiert, so das dann auch immer die richtige version auch in der browserkonsole steht. kommt dann mit der nächsten version

[bahnuhr]

@oliverio
merkwürdig !

Mit F12 steht:

Bei Instanz steht:

Das ist jetzt komisch, oder nicht ?

[OliverIO]

@bahnuhr

Nein das passiert gelegentlich.
Wenn csch löschen nicht hilft, dann bitte auf der Konsole den Befehl

Iobroker upload all

Eingeben.
Problem ist das vis die Dateien nicht aus dem adapterverzeichnis heraus ausliefert, sondern aus seinem vis Verzeichnis. Dazu müssen die Dateien kopiert werden. Das funktioniert manchmal nicht zuverlässig, evtl. hingt es auch mit der Installation von github zusammen. Daher muss man da manchmal nachhelfen.

Wenn da 0:0.9 steht hat der Browser nur die 0.10 Version (wie gesagt, bisher immer eins zurück. Wird aber bei der nächsten Version dann richtig angezeigt.)

Also den Upload machen und dann zur Sicherheit nochmal den Browser Cache leeren