Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] weitere fa icons für Worldmap in NodeRed möglich?

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    15
    1
    515

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    618

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.9k

[gelöst] weitere fa icons für Worldmap in NodeRed möglich?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
13 Beiträge 3 Kommentatoren 1.2k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • OliverIOO 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

    Ben1983B Offline
    Ben1983B Offline
    Ben1983
    schrieb am zuletzt editiert von
    #3

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

    1 Antwort Letzte Antwort
    0
    • OliverIOO 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

      mickymM Offline
      mickymM Offline
      mickym
      Most Active
      schrieb am zuletzt editiert von mickym
      #4

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

      7c0bd0db-f776-4cc1-a424-566d0de373c1-image.png

      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.

      Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

      Ben1983B 1 Antwort Letzte Antwort
      0
      • mickymM 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:

        7c0bd0db-f776-4cc1-a424-566d0de373c1-image.png

        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.

        Ben1983B Offline
        Ben1983B Offline
        Ben1983
        schrieb am zuletzt editiert von
        #5

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

        OliverIOO mickymM 2 Antworten Letzte Antwort
        0
        • Ben1983B Ben1983

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

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von
          #6

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

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          Ben1983B 1 Antwort Letzte Antwort
          0
          • OliverIOO OliverIO

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

            Ben1983B Offline
            Ben1983B Offline
            Ben1983
            schrieb am zuletzt editiert von
            #7

            @oliverio OK. Das bedeutet diese hier wären alle schon verfügbar?
            4de11c7d-1782-4d00-8e54-c3825c1db2ae-image.png

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

            1 Antwort Letzte Antwort
            0
            • Ben1983B Ben1983

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

              mickymM Offline
              mickymM Offline
              mickym
              Most Active
              schrieb am zuletzt editiert von mickym
              #8

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

              0f62cf1b-8fa7-4b6a-8bfc-a8ed7f99866b-image.png

              Im Node-Red Adapter referenzierst Du einen statischen Pfad zu deinen lokalen http Inhalten für das Dashboard:
              0fd67119-5c15-460a-9d1d-c08c8888f965-image.png

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

              b67fda7c-60b8-42f2-ad09-49a5a0fb1e0a-image.png

              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:
              3270bc53-3806-4f45-973e-c173e237e39d-image.png

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

              Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

              Ben1983B 1 Antwort Letzte Antwort
              0
              • mickymM 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.

                0f62cf1b-8fa7-4b6a-8bfc-a8ed7f99866b-image.png

                Im Node-Red Adapter referenzierst Du einen statischen Pfad zu deinen lokalen http Inhalten für das Dashboard:
                0fd67119-5c15-460a-9d1d-c08c8888f965-image.png

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

                b67fda7c-60b8-42f2-ad09-49a5a0fb1e0a-image.png

                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:
                3270bc53-3806-4f45-973e-c173e237e39d-image.png

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

                Ben1983B Offline
                Ben1983B Offline
                Ben1983
                schrieb am zuletzt editiert von
                #9

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

                mickymM 1 Antwort Letzte Antwort
                0
                • Ben1983B 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.

                  mickymM Offline
                  mickymM Offline
                  mickym
                  Most Active
                  schrieb am zuletzt editiert von
                  #10

                  @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:
                    063c231d-732b-4774-8c29-72db0f8ab826-image.png

                  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:
                    a86eca70-021e-46fb-8ddd-3d83ced2af57-image.png

                  mit der Nachrichteneigenschaft msg.iconColor.

                  Musst halt ausprobieren und nochmal durch die Anleitung gehen.

                  Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                  Ben1983B 2 Antworten Letzte Antwort
                  0
                  • mickymM 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:
                      063c231d-732b-4774-8c29-72db0f8ab826-image.png

                    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:
                      a86eca70-021e-46fb-8ddd-3d83ced2af57-image.png

                    mit der Nachrichteneigenschaft msg.iconColor.

                    Musst halt ausprobieren und nochmal durch die Anleitung gehen.

                    Ben1983B Offline
                    Ben1983B Offline
                    Ben1983
                    schrieb am zuletzt editiert von
                    #11

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

                    1 Antwort Letzte Antwort
                    0
                    • mickymM 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:
                        063c231d-732b-4774-8c29-72db0f8ab826-image.png

                      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:
                        a86eca70-021e-46fb-8ddd-3d83ced2af57-image.png

                      mit der Nachrichteneigenschaft msg.iconColor.

                      Musst halt ausprobieren und nochmal durch die Anleitung gehen.

                      Ben1983B Offline
                      Ben1983B Offline
                      Ben1983
                      schrieb am zuletzt editiert von
                      #12

                      @mickym 1ec18a69-513f-49bd-8574-55d4a6fed855-image.png

                      mickymM 1 Antwort Letzte Antwort
                      1
                      • Ben1983B Ben1983

                        @mickym 1ec18a69-513f-49bd-8574-55d4a6fed855-image.png

                        mickymM Offline
                        mickymM Offline
                        mickym
                        Most Active
                        schrieb am zuletzt editiert von
                        #13

                        @ben1983 :clap: :clap: :clap:

                        Jeder Flow bzw. jedes Script, das ich hier poste implementiert jeder auf eigene Gefahr. Flows und Scripts können Fehler aufweisen und weder der Seitenbetreiber noch ich persönlich können hierfür haftbar gemacht werden. Das gleiche gilt für Empfehlungen aller Art.

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        609

                        Online

                        32.6k

                        Benutzer

                        81.9k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe