Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[bahnuhr]

@oliverio
Und warum steht das 2 x da ?

[bahnuhr]

@oliverio

Und löschen geht der auch nicht.

Wie bekomme ich diesen wieder weg ?

[OliverIO]

@bahnuhr sagte in Test iobroker.mapwidgets:

Installier bitte über npm Reiter,

ja, das geht sobald der iobroker scanner das repo erfasst hat und in der drop down ersichtlich ist.

---

@bahnuhr sagte in Test iobroker.mapwidgets:

Adapter installieren geht jetzt.
Und wenn man dann die Instanz installieren will kommt:

ich glaube das kommt wegen dem vis-2 restart
ich prüfe nochmal, bei mir hat instanz hinzufügen funktioniert

---

@bahnuhr sagte in Test iobroker.mapwidgets:

Und warum steht das 2 x da ?

ja, das war das problem warum der nicht installierbar war und mit fehler geendet hat. die adapternamen waren in package und io-package leider inkonsistent.

du bekommst das wie folgt weg:
1: zunächst über die oberfläche bei beiden jeweils den delete knopf drücken. da müsste mindestens einer weggehen.
2: leider auf der shell müssen wir mit npm uninstall arbeiten. da musst du mal schauen welches packet übrig geblieben ist.
die Möglichkeiten wären
npm uninstall iobroker.vis-mapwidgets
npm uninstall iobroker.mapwidgets

aber nhoffentlich nicht auf einem produktiv system durchführen.
wir sind hier im frühen teststadium

aber ich bin dankbar das du testest

[bahnuhr]

@oliverio sagte in Test iobroker.mapwidgets:

ich glaube das kommt wegen dem vis-2 restart
ich prüfe nochmal, bei mir hat instanz hinzufügen funktioniert

ok, sag Bescheid wenn ich wieder probieren soll.
vis-2 nutze ich nicht; sondern nur vis-1

[OliverIO]

@bahnuhr

so das problem mit not found ist behoben.
war aber etwas, was du wegklicken konntest.

auch zum verbleibenden adapter, nachdem du gelöscht hast:
bevor du mit npm rummachst drück im adapter reiter einfach den aktualisieren knopf, dann verschwindet der eintrag.
evtl hast du auch glück und der reposcan erkennt den adapter und zeigt ihn dann auch in den github und npm reiter an.

[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.