Test iobroker.vis-mapwidgets

[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

[bahnuhr]

@oliverio
gut, ich probiers.
Melde mich dann.

[bahnuhr]

@oliverio
so, Rückmeldung.

ipload all ist durch. Hat etwas gedauert.

Bei F12 steht 0.0.10.
Und fitbounds scheint zu funktionieren.

Ich spiel mal weiter damit rum.

mfg
Dieter

[OliverIO]

Neue Version 0.0.12

• Ein weiteres Beispiel für die Verwendung des Geocoder-Plugins wurde hinzugefügt, das die Funktionen loadCSS und loadScript demonstriert.
  https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/example.md#directory-exampleplugingeocoderscript
  
• Verbesserung der Bildbeschreibungen
• Korrektur einiger Projektdateinamen
• Optimierung der Versionsnummer-Anzeige im Widget