Visualisierung mit Node Red erstellen

[Damrak2022]

@mickym Habe es angepasst. warum ich in der Switch wieder "string" anstatt "number" drin hatte, keine Ahnung - wahrscheinlich meine Schnell Schnell Mentalität

[mickym]

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

@mickym Ich baue gerade noch die Daten vom DWD ein.
Da gibt es den Datenpunkt

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]

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

[Damrak2022]

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

@damrak2022 Hier mein Flow aus meiner Wetterseite:

Spoiler

[
   {
       "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]

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

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

<img src={{msg.payload}} alt="Keine Karte verfügbar">

[Damrak2022]

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

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

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

[Damrak2022]

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

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

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

[mickym]

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

[Damrak2022]

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

[mickym]

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

Da draufklicken:

und dann sollten die layer dort auftauchen

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]

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

[mickym]

@damrak2022 Hast Du die Node aktualisiert?

[Damrak2022]

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

[mickym]

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