Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Ben1983]

Hallo,

ich nutze seit kurzem die Worldmap funktion in NodeRed.
Dort kann man mit dem namen dieser icons: icon
symbole hinzufügen.

Leider findet sich dort nicht sowas wie door, oder opendoor wieder.
Das gibt esnatürlich bei fa sehrwohl. Gibt es irgendeine möglichkeit dort weitere icons von fa hinzufügen zu können?

[OliverIO]

@ben1983
es sieht so aus, dass nur die Version 4.7 von fontawesome verwendet wird
https://fontawesome.com/v4/icons/

https://nodered.org/docs/creating-nodes/appearance

ich habe gesehen, dass man Icons auch von einer url laden kann, dann könntest du auch die individuellen Icons in den ioBroker hochladen und diese URL dann verwenden

[Ben1983]

@oliverio OK. wie könnte ich die hochladen?

[mickym]

@oliverio Der von Dir verlinkte Artikel bezieht sich aber auf Erstellung von Nodes und hat mit dem Problem gar nichts zu tun.

Das noch eine alte Version von fontawesome verwendet wird, das ist richtig.

Wenn man das Icon über eine URL oder lokal abspeichert, dann kann man es nutzen, so steht es zumindest in der Anleitung zur worldmap:

https://flows.nodered.org/node/node-red-contrib-web-worldmap

Ggf. kann man wenn man es als Bild vorliegen hat auch über den http static Verzeichnis referenzieren. Das müsste man halt ausprobieren.

Ansonsten einfach die neue Fontawesome Libary zu nutzen geht in meinen Augen nicht, da müsste man ein Request bei Ersteller der Node erstellen. Auch sonst insgesamt wird die alte Bibliothek genutzt.

[Ben1983]

@mickym Danke, aber wie bekomme ich die icons an einen festen localen speicherort?
Einfach irgendwo hin kopieren, oder kann ich die irgendwie hochladen?

[OliverIO]

@ben1983
Der dateimanager von vis
Dadurch kannst du Dateien hochladen und diese sind dann über den Webserver abrufbar.

[Ben1983]

@oliverio OK. Das bedeutet diese hier wären alle schon verfügbar?

Das gebe ich dann beim .icon an?
Also:
"/icons-mfd-svg/audio_audio.svg"
Bspw.?

[mickym]

@ben1983 Also wie gesagt wenn Du nicht über ein URL direkt auf das Icon zugreifen kannst, kannst Du mal versuchen über ein lokalen Pfad zu machen. Ich hab das aber nicht mit der Worldmap verwendet, sondern an anderer Stelle im Dashboard.

Du kopierst das Bild/Icon dann einfach in Dein lokales Dateisystem auf dass Du dann im NodeRed Adapter als http-static Verzeichnis referenzierst.

Im Node-Red Adapter referenzierst Du einen statischen Pfad zu deinen lokalen http Inhalten für das Dashboard:

Wichtig ist dann, dass Du innerhalb von NodeRed auf den Pfad mit führendem Slash (/) zugreifst:

Wie gesagt über die Worldmap habe ich es noch nicht probiert - ist mir im Moment auch zu aufwändig.

So kannst Du dann auf Bilder im Dashboard und vielleicht auch in der Worldmap zugreifen:

Du kannst natürlich auch das VIS Verzeichnis referenzieren musst aber den realen Pfad dann im NodeRed Adapter angeben!

[Ben1983]

@mickym also so kann ich bspw. drauf zugreifen:

http://192.168.2.80:8082/icons-mfd-svg/audio_audio.svg

Aber dann kann ich die Farbe nicht ändern.

[mickym]

@ben1983 Nun wenn Du es so anzeigen kannst, dann ist das ja die schnellste Lösung - aber wie gesagt ich hab mich schon lange nicht mehr mit worldmap beschäftigt:

1. Du könntest beispielsweise ein Markershape in verschiedenen Farben drum rum machen:
   

2. Du kannst die Icons lokal speichern und halt selbst bearbeiten, wie eben beschrieben

3. Eventuell - wie gesagt alles musst selbst testen, kann man auch die Icons nachträglich einfärben:
   

mit der Nachrichteneigenschaft msg.iconColor.

Musst halt ausprobieren und nochmal durch die Anleitung gehen.

[Ben1983]

@mickym Ja, denke werde das svg in anderen Farben anlegen müssen.
mit iconColor geht es nicht.

[Ben1983]

@mickym

[mickym]

@ben1983 :clap: :clap: :clap: