Der neue Monatsrückblick für Mai und Juni 2026 ist online!

[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

[OliverIO]

so, nach dem gestrigen Beispiel ist meine Liste erst einmal leer was ich einbauen wollte.

Weiteres dann von den zukünftigen Nutzer und tester, von denen es wohl nicht all zu viele gibt,

[OliverIO]

Neue Version 0.0.13

• Es wurde ein optionaler Tag/Nacht Terminator mit eingebaut.

[OliverIO]

Kommentar im Rahmen der Verschiebung in das Unterforum "Nicht im Repo"

Der Adapter befindet sich nicht im Repository, da entsprechende Rückmeldungen zum Test von Nutzern fehlt.
Falls da noch was kommt, kann ich gerne den nächsten Schritt angehen. Ansonsten bleibt der Status quo erhalten.

[skvarel]

Ich schaue es mir die Tage noch an! Allerdings in VIS2 ;) Ich brauche in meiner VIS eine Karte mit einer Tagesroute. Wenn ich das hier richtig verfolgt habe, kann das dein Widget.

[OliverIO]

auf github wurde ein neuer Usecase hinzugefügt.

Dieses Beispiel zeigt, wie ein Pfad aus einer Historie angezeigt wird,
mithilfe eines Auswahlfelds, das mit dem jsonTemplate-Widget implementiert ist (aus dem gleichnamigen Adapter),
kann ein Pfad zu einem bestimmten Datum aus einer erweiterten JSON-Datenstruktur ausgewählt und im Leaflet-Karten-Widget angezeigt werden.

https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/example.md#directory-examplepathhistory

[OliverIO]

Neue Version 0.1.1

• Schema-Validierung für Kartendaten im Bearbeitungsmodus hinzugefügt
• Fehlerbehandlung für fitBounds verbessert

Im Edit mode werden nun die json map Daten validiert und die Fehler können in einem Dialog angezeigt werden

Hier mit einem Beispiel, bei dem die Daten aus dem History-Beispiel direkt der Karte zugeführt werden.

Auch hier half die KI und besonders hervorzuheben war, das die KI direkt aus der Readme mir die Schema-Datei gleich beim ersten mal korrekt erzeugt hat
https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/widgets/mapwidgets/js/mapwidgets.schema.json

[icebear]

@oliverio

Also das mit den Markern hab ich jetzt bei mir eingebaut, das funktioniert einwandfrei.

Was ich im Moment noch nich so ganz verstehe, ist das mit dem History Beispiel. Kannst du mal ein Bild von dem json-Widget einstellen, wo man sieht in welchen OID ich wo eintragen muß und nochmal erklären wie genau das Widget befüllt werden muß?

Wenn ich das richtig verstanden hab, dann holt er sich die History aus dem Json wo die "polylines" liegen.Aber ich verstehe nicht warum das soviele OID in dem Widget eingetragen werden können/müssen.

Also in meinem json legt er für jede Fahrt eine "polyline" an wenn diese für nicht länger als 30min unterbrochen wird, wird z.B. die Rückfahrt an die erste mit angehangen. Wenn ich zwei Stunden später wieder fahre, dann legt er eine neue Polyline (in andrerer Farbe an) usw. bis zu 5 Fahrten am Tag.
Für den nächsten Tag wird das JSON neu angelegt .

[OliverIO]

@icebear

hast du die beschreibung bei den examples gesehen?
https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/example.md#directory-examplepathhistory

im verzeichnis ist die json datastruktur wie sie aussehen sollte
https://github.com/oweitman/ioBroker.vis-mapwidgets/tree/main/example/ExamplePathHistory
das ist der erste schritt.
so musst du bei dir die traccar daten aufbereiten und in deinen datenpunkt schreiben

diesen datenpunkt kann das map widget natürlich nicht genau so verarbeiten.

dann installierst du den adapter vis-jsontemplate
dann fügst du das widget hinzu und trägst

unter object id den datenpunkt mit der erweiterten struktur ein
und als template/vorlage je nach übersetzung dann den inhalt dieser datei ein
https://github.com/oweitman/ioBroker.vis-mapwidgets/blob/main/example/ExamplePathHistory/jsonTemplate.txt

und in das map widget nur noch als datenpunkt
local_map

das jsontemplate widget liest dann den datenpunkt aus der erweiterten struktur
nimmt extrahiert die keys, macht daraus ein lesbares datum und bildet das drop down.
sobald das dropdown ausgewählt wird, schreibt es die map daten in den lokalen datenpunkt local_map. den musst du nicht extra anlegen. das ist ein feature von vis/vis2 um adhoc mit daten zwischen widgets zu arbeiten. die existieren dann nur lokal auf dem browser. das nutze ich um dem map widget dann die richtigen map daten dem map widget zu übergeben.

so sehen die einstellungen des jsontemplate widgets aus

und so die von der map