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
    16
    1
    1.4k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

[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

    mickymM Online
    mickymM Online
    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 Online
            mickymM Online
            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 Online
                mickymM Online
                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 Online
                      mickymM Online
                      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

                      696

                      Online

                      32.6k

                      Benutzer

                      82.0k

                      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