Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test iobroker.vis-mapwidgets

    NEWS

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    Test iobroker.vis-mapwidgets

    This topic has been deleted. Only users with topic management privileges can see it.
    • bahnuhr
      bahnuhr Forum Testing Most Active @OliverIO last edited by

      @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 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @bahnuhr last edited by

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

        OliverIO 1 Reply Last reply Reply Quote 0
        • OliverIO
          OliverIO @OliverIO last edited by

          @oliverio
          Mit welchem Typ hast du den datenpunkt angelegt?

          1 Reply Last reply Reply Quote 0
          • OliverIO
            OliverIO last edited by 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
              Example3MarkersJSON.png
            • Path
              Anzeige eines individuellen Tracks
              ExamplePathJSON.png
            • Polygon
              veschiedene Polygone, Kreis und Rechtecke
              ExamplePolygonJSON.png
            • Button FlyTo
              Ein Skriptbeispiel für ein Custom Map Control + Flug zwischen Frankfurt und New York
              ExampleButtonFlytoScript.png
            • Complete
              Alle einzelnen Bestandteile in einem JSON für einen Gesamttest
              ExampleCompleteTest.png
            bahnuhr 3 Replies Last reply Reply Quote 0
            • bahnuhr
              bahnuhr Forum Testing Most Active @OliverIO last edited by

              @oliverio
              wollte Adapter neu installieren.
              Bei install der Instanz kommt dann:
              6741a5a7-7f15-44da-8107-594b6326623f-image.png

              1 Reply Last reply Reply Quote 0
              • bahnuhr
                bahnuhr Forum Testing Most Active @OliverIO last edited by

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

                Und dann neu.
                Jetzt wurde es wieder installiert.

                1 Reply Last reply Reply Quote 0
                • bahnuhr
                  bahnuhr Forum Testing Most Active @OliverIO last edited by 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):
                  16af7150-b0c7-4e9c-8b85-f0e314a650d9-image.png

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

                  OliverIO 1 Reply Last reply Reply Quote 0
                  • OliverIO
                    OliverIO @bahnuhr last edited by

                    @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):
                    16af7150-b0c7-4e9c-8b85-f0e314a650d9-image.png

                    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.

                    1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO last edited by

                      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 1 Reply Last reply Reply Quote 1
                      • bahnuhr
                        bahnuhr Forum Testing Most Active @OliverIO last edited by

                        @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 1 Reply Last reply Reply Quote 0
                        • OliverIO
                          OliverIO @bahnuhr last edited by OliverIO

                          @bahnuhr sagte in Test iobroker.vis-mapwidgets:

                          Hier klappt es
                          21919eef-99a0-4723-80b6-18d151e7aeec-image.png

                          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 1 Reply Last reply Reply Quote 0
                          • bahnuhr
                            bahnuhr Forum Testing Most Active @OliverIO last edited by

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

                            1 Reply Last reply Reply Quote 0
                            • bahnuhr
                              bahnuhr Forum Testing Most Active last edited by

                              @oliverio sagte in Test iobroker.vis-mapwidgets:

                              lösche bitte mal den cache

                              klappt nicht.

                              OliverIO 1 Reply Last reply Reply Quote 0
                              • OliverIO
                                OliverIO @bahnuhr last edited by 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

                                77eccac7-ddaf-4b59-8a55-7d31be337129-image.png

                                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)
                                92380af4-19f0-4f61-816d-2d1688cc9b77-image.png

                                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 1 Reply Last reply Reply Quote 0
                                • bahnuhr
                                  bahnuhr Forum Testing Most Active @OliverIO last edited by

                                  @oliverio
                                  merkwürdig !

                                  Mit F12 steht:
                                  4e69a741-c712-4e74-9d4f-4ee49b1ff3c2-image.png

                                  Bei Instanz steht:
                                  79a71fef-9965-4a15-8b94-8975faa8e462-image.png

                                  Das ist jetzt komisch, oder nicht ?

                                  OliverIO 1 Reply Last reply Reply Quote 0
                                  • OliverIO
                                    OliverIO @bahnuhr last edited by

                                    @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 2 Replies Last reply Reply Quote 0
                                    • bahnuhr
                                      bahnuhr Forum Testing Most Active @OliverIO last edited by

                                      @oliverio
                                      gut, ich probiers.
                                      Melde mich dann.

                                      1 Reply Last reply Reply Quote 0
                                      • bahnuhr
                                        bahnuhr Forum Testing Most Active @OliverIO last edited by

                                        @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

                                        1 Reply Last reply Reply Quote 0
                                        • OliverIO
                                          OliverIO last edited by

                                          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
                                            3b6c592e-8e50-4571-b7a7-37df2bbdcadd-image.png
                                          • Verbesserung der Bildbeschreibungen
                                          • Korrektur einiger Projektdateinamen
                                          • Optimierung der Versionsnummer-Anzeige im Widget
                                          1 Reply Last reply Reply Quote 0
                                          • OliverIO
                                            OliverIO last edited by

                                            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,

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            509
                                            Online

                                            32.2k
                                            Users

                                            80.9k
                                            Topics

                                            1.3m
                                            Posts

                                            2
                                            39
                                            943
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo