Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
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
    17
    1
    3.3k

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.4k

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

Scheduled Pinned Locked Moved Visualisierung
13 Posts 3 Posters 1.3k Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • 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
    wrote on last edited by 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 Reply Last reply
    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
      wrote on last edited by
      #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 Replies Last reply
      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
        wrote on last edited by
        #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 Reply Last reply
        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
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by 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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by
                #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 Replies Last reply
                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
                  wrote on last edited by
                  #11

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

                  1 Reply Last reply
                  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
                    wrote on last edited by
                    #12

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

                    mickymM 1 Reply Last reply
                    1
                    • Ben1983B Ben1983

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

                      mickymM Offline
                      mickymM Offline
                      mickym
                      Most Active
                      wrote on last edited by
                      #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 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      668

                      Online

                      32.7k

                      Users

                      82.3k

                      Topics

                      1.3m

                      Posts
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Home
                      • Recent
                      • Tags
                      • Unread 0
                      • Categories
                      • Unreplied
                      • Popular
                      • GitHub
                      • Docu
                      • Hilfe