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

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    • Save The Date: ioBroker@Smart Living Forum Solingen, 14.06.

    Visualisierung mit Node Red erstellen

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

      @damrak2022 Ja mich würde nur interessieren, warum Du Dich gewundert hast, dass Du true Nachrichten bekommen hast, wenn Du das alles verkabelt hattest?

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

        @mickym Ich baue gerade noch die Daten vom DWD ein.
        Da gibt es den Datenpunkt
        Bildschirmfoto 2022-10-24 um 01.51.03.png
        Bildschirmfoto 2022-10-24 um 01.50.15.png

        Aber wenn ich den einfach kopiere wird mir ja in Node Red keine Karte angezeigt. Wie muss ich das in so einem Fall machen?

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

          @damrak2022 Na in dem Datenpunkt ist ja nur eine Karte drin bzw. URL drin, wenn ein Warnung auftritt.

          Im Moment ist da bei mir auch nichts.

          Also kann da ja nichts angezeigt werden:

          4635c6a8-3a03-4d64-ab92-9e5f9a0234c6-image.png

          Damrak2022 1 Reply Last reply Reply Quote 0
          • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            994
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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