Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Visualisierung mit Node Red erstellen

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Visualisierung mit Node Red erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • Damrak2022
      Damrak2022 @mickym last edited by

      @mickym Ja, das ist klar. Das heißt also ich brauche den Datenpunkt nur in eine iobroker in Node zu setzen. Aber mit welche Node verbindest Du das, damit Dir auch eine Karte angezeigt wird?

      mickym 1 Reply Last reply Reply Quote 0
      • mickym
        mickym Most Active @Damrak2022 last edited by

        @damrak2022 Hier mein Flow aus meiner Wetterseite:

        68df0887-af6c-46ef-9e54-a1c25da2adee-image.png

        [
           {
               "id": "2b9b2f47.850d6",
               "type": "ui_template",
               "z": "c36e56fc.dc8418",
               "group": "37fea952.872756",
               "name": "DWD Karte",
               "order": 6,
               "width": "6",
               "height": 8,
               "format": "",
               "storeOutMessages": true,
               "fwdInMessages": true,
               "resendOnRefresh": true,
               "templateScope": "local",
               "x": 4110,
               "y": 2620,
               "wires": [
                   []
               ]
           },
           {
               "id": "c30d69b6.d65ca8",
               "type": "ioBroker in",
               "z": "c36e56fc.dc8418",
               "name": "Link to chart",
               "topic": "dwd.0.warning.map",
               "payloadType": "value",
               "onlyack": "",
               "func": "all",
               "gap": "",
               "fireOnStart": "true",
               "x": 3450,
               "y": 2640,
               "wires": [
                   [
                       "a93d4f80.63b6f"
                   ]
               ]
           },
           {
               "id": "2c4cf151.880e9e",
               "type": "template",
               "z": "c36e56fc.dc8418",
               "name": "",
               "field": "template",
               "fieldType": "msg",
               "format": "handlebars",
               "syntax": "mustache",
               "template": "<img src={{payload}} alt=\"n/a\" >",
               "output": "str",
               "x": 3920,
               "y": 2660,
               "wires": [
                   [
                       "2b9b2f47.850d6"
                   ]
               ]
           },
           {
               "id": "4577f07f.ad0a9",
               "type": "change",
               "z": "c36e56fc.dc8418",
               "name": "clear map",
               "rules": [
                   {
                       "t": "set",
                       "p": "template",
                       "pt": "msg",
                       "to": "",
                       "tot": "str"
                   }
               ],
               "action": "",
               "property": "",
               "from": "",
               "to": "",
               "reg": false,
               "x": 3920,
               "y": 2600,
               "wires": [
                   [
                       "2b9b2f47.850d6"
                   ]
               ]
           },
           {
               "id": "a93d4f80.63b6f",
               "type": "switch",
               "z": "c36e56fc.dc8418",
               "name": "",
               "property": "payload",
               "propertyType": "msg",
               "rules": [
                   {
                       "t": "empty"
                   },
                   {
                       "t": "else"
                   }
               ],
               "checkall": "true",
               "repair": false,
               "outputs": 2,
               "x": 3740,
               "y": 2640,
               "wires": [
                   [
                       "4577f07f.ad0a9"
                   ],
                   [
                       "2c4cf151.880e9e"
                   ]
               ]
           },
           {
               "id": "37fea952.872756",
               "type": "ui_group",
               "name": "Aktuell",
               "tab": "b971cfe1.624ad",
               "order": 1,
               "disp": true,
               "width": "33",
               "collapse": false
           },
           {
               "id": "b971cfe1.624ad",
               "type": "ui_tab",
               "name": "Wetter",
               "icon": "dashboard",
               "order": 2,
               "disabled": false,
               "hidden": false
           }
        ]
        

        Damrak2022 1 Reply Last reply Reply Quote 0
        • Damrak2022
          Damrak2022 @mickym last edited by

          @mickym Danke, die erste Node habe mir fast gedacht. Wenn ich irgendwas mit einer URL mache muss ich eine Get Node nehmen.

          mickym 1 Reply Last reply Reply Quote 0
          • mickym
            mickym Most Active @Damrak2022 last edited by mickym

            @damrak2022 Wie kommst Du denn da drauf? Was willst Du denn mit der URL machen. Das ist eine URL zu einem Bild.

            Du kannst auch einfach nach der iobroker-In Node die template Node mit der URL bestücken.

            64e8e105-6124-41a4-bd77-edbf882177e2-image.png

            <img src={{msg.payload}} alt="Keine Karte verfügbar">
            
            Damrak2022 1 Reply Last reply Reply Quote 0
            • Damrak2022
              Damrak2022 @mickym last edited by

              @mickym Diese Beschriftung bei Dir Link zu Url hat mich irgendwie dazu verleitet zu denken es wäre eine Get Node. Also Kommando zurück und meinen Kommentar vergessen

              mickym 1 Reply Last reply Reply Quote 0
              • mickym
                mickym Most Active @Damrak2022 last edited by mickym

                @damrak2022 Mit der template Node - kannst Du normalen HTML Code in Dein Dashboard einbinden.

                Hier mal die W3Schools Seite zum Einbinden von Bildern in eine Webseite:

                https://www.w3schools.com/html/html_images.asp

                Wenn Du zum Beispiel aus diesen Beispielen das Bild in dein Dashboard einbinden willst, wie das aussieht - kannst du einfach die URL in die payload einspeisen.

                a2e0c051-d09d-413b-9d36-7e41e866e9de-image.png

                Wenn Du im Dashboard die Template Node genügend hoch machst wird das Bild dann automatisch richtig skaliert:

                435ab226-f451-45c5-85fc-11e5ea82197d-image.png

                eb410333-684a-4528-84fc-fb6e18a89833-image.png
                ce463889-6188-4f6c-bc37-a77a4e0aa4bb-image.png

                Damrak2022 1 Reply Last reply Reply Quote 0
                • Damrak2022
                  Damrak2022 @mickym last edited by

                  @mickym Danke, bei W3 schools arbeite ich mich langsam voran.
                  Mir ist gerade aufgefallen das mir bei unserem ersten Flow (Geofency) keine Orte mehr mit den farbigen Markierungen angezeigt werden. Auf den ersten Blick sieht aber im Flow alles korrekt aus. Aber das schaue ich mir heute Abend an.

                  mickym 1 Reply Last reply Reply Quote 0
                  • mickym
                    mickym Most Active @Damrak2022 last edited by mickym

                    @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                    @mickym Danke, bei W3 schools arbeite ich mich langsam voran.
                    Mir ist gerade aufgefallen das mir bei unserem ersten Flow (Geofency) keine Orte mehr mit den farbigen Markierungen angezeigt werden. Auf den ersten Blick sieht aber im Flow alles korrekt aus. Aber das schaue ich mir heute Abend an.

                    Wahrscheinlich hast Du einfach den Layer weggeklickt. (Ich glaub wir haben den damals Andys Favoriten oder so ähnlich genannt). Wenn ein Flow mal läuft, dann ändert sich der nicht, ausser Du änderst die Quellen.

                    Damrak2022 1 Reply Last reply Reply Quote 0
                    • Damrak2022
                      Damrak2022 @mickym last edited by

                      @mickym Blöde Frage, wo finde ich den?

                      mickym 1 Reply Last reply Reply Quote 0
                      • mickym
                        mickym Most Active @Damrak2022 last edited by

                        @damrak2022 auf der Karte in dem Menü in den Du die Kartentypen auswählen kannst

                        Damrak2022 1 Reply Last reply Reply Quote 0
                        • Damrak2022
                          Damrak2022 @mickym last edited by

                          @mickym Ja, hatte ich auch so in Erinnerung, aber das ist er nicht mehr.

                          mickym 1 Reply Last reply Reply Quote 0
                          • mickym
                            mickym Most Active @Damrak2022 last edited by mickym

                            @damrak2022 Tja dann hast Du entweder was verändert oder musst refreshen.

                            Da draufklicken:
                            f0ce9daa-f4c3-4a71-be36-d3f5a7f9f986-image.png

                            und dann sollten die layer dort auftauchen

                            a1c82845-df34-49a9-8692-2c4493fca6e3-image.png

                            bei mir taucht das aber auch nicht immer auf. Vielleicht hat sich da auch was mit dem Update getan. Weiß nicht.

                            In Deiner letzten Change Node vor der WorldMap Node hast Du den layer definiert:

                            {
                               "name":name,
                               "lat":lat,
                               "lon":lon,
                               "layer":"Andy's Favoriten",
                               "icon":"circle",
                               "iconColor":color,
                               "popup": table
                               }
                            

                            Du kannst auch mal versuchen den layer dort weg zu lassen.

                            Damrak2022 1 Reply Last reply Reply Quote 0
                            • Damrak2022
                              Damrak2022 @mickym last edited by

                              @mickym Das ist auch noch da, wird aber nicht angezeigt. Habe ihn auch mal von der Worldmap getrennt, deployed und wieder verbunden und deployed. Keine Chance, er taucht auf der Karte nicht auf.
                              Bildschirmfoto 2022-10-24 um 19.54.23.png Bildschirmfoto 2022-10-24 um 19.53.12.png

                              mickym 1 Reply Last reply Reply Quote 0
                              • mickym
                                mickym Most Active @Damrak2022 last edited by

                                @damrak2022 Hast Du die Node aktualisiert?

                                Damrak2022 1 Reply Last reply Reply Quote 0
                                • Damrak2022
                                  Damrak2022 @mickym last edited by

                                  @mickym Wie aktualisiert man eine Node? Ich habe den Flow neugestartet.

                                  mickym 1 Reply Last reply Reply Quote 0
                                  • mickym
                                    mickym Most Active @Damrak2022 last edited by

                                    @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                    @mickym Wie aktualisiert man eine Node? Ich habe den Flow neugestartet.

                                    Im Palettenmanager schauen, ob Aktualisierungen vorhanden sind.

                                    Damrak2022 1 Reply Last reply Reply Quote 0
                                    • Damrak2022
                                      Damrak2022 @mickym last edited by

                                      @mickym Bei der Worlmap gibt es keine Aktualisierung. Das ist die installierte Version:
                                      Bildschirmfoto 2022-10-24 um 20.07.27.png

                                      mickym 1 Reply Last reply Reply Quote 0
                                      • mickym
                                        mickym Most Active @Damrak2022 last edited by

                                        @damrak2022 Ja ist die aktuelle Version. Hast ja auch nichts geändert. Mach halt hinter die Change NOde mal eine Debug NOde und schau ob was rauskommt. - Aber wie gesagt schau erst mal ob der layer angehakt ist. Taucht denn der layer in dem Kartenmenü auf?

                                        Damrak2022 1 Reply Last reply Reply Quote 0
                                        • Damrak2022
                                          Damrak2022 @mickym last edited by Damrak2022

                                          @mickym Also in der Karte schaute so so aus:
                                          1.jpeg

                                          Warte mal, der meldet mir einen unauthorisierten Zugriff
                                          Bildschirmfoto 2022-10-24 um 20.18.02.png

                                          Das bezieht sich auf die Influx Node
                                          Bildschirmfoto 2022-10-24 um 20.19.21.png

                                          Die sieht so aus:
                                          Bildschirmfoto 2022-10-24 um 20.20.06.png

                                          mickym 1 Reply Last reply Reply Quote 0
                                          • mickym
                                            mickym Most Active @Damrak2022 last edited by

                                            @damrak2022 Na vielleicht bekommst keine Daten mehr aus der Influx DB - weil Du irgendwas dort geändert hast. Token oder keine Ahnung was.

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            926
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2001278
                                            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