Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] weitere fa icons für Worldmap in NodeRed möglich?

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • Ben1983
      Ben1983 last edited by 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 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @Ben1983 last edited by 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 mickym 2 Replies Last reply Reply Quote 1
        • Ben1983
          Ben1983 @OliverIO last edited by

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

          1 Reply Last reply Reply Quote 0
          • mickym
            mickym Most Active @OliverIO last edited by 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.

            Ben1983 1 Reply Last reply Reply Quote 0
            • Ben1983
              Ben1983 @mickym last edited by

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

              OliverIO mickym 2 Replies Last reply Reply Quote 0
              • OliverIO
                OliverIO @Ben1983 last edited by

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

                Ben1983 1 Reply Last reply Reply Quote 0
                • Ben1983
                  Ben1983 @OliverIO last edited by

                  @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 Reply Quote 0
                  • mickym
                    mickym Most Active @Ben1983 last edited by 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!

                    Ben1983 1 Reply Last reply Reply Quote 0
                    • Ben1983
                      Ben1983 @mickym last edited by

                      @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 1 Reply Last reply Reply Quote 0
                      • mickym
                        mickym Most Active @Ben1983 last edited by

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

                        Ben1983 2 Replies Last reply Reply Quote 0
                        • Ben1983
                          Ben1983 @mickym last edited by

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

                          1 Reply Last reply Reply Quote 0
                          • Ben1983
                            Ben1983 @mickym last edited by

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

                            mickym 1 Reply Last reply Reply Quote 1
                            • mickym
                              mickym Most Active @Ben1983 last edited by

                              @ben1983 👏 👏 👏

                              1 Reply Last reply Reply Quote 0
                              • First post
                                Last post

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              1.2k
                              Online

                              31.7k
                              Users

                              79.7k
                              Topics

                              1.3m
                              Posts

                              3
                              13
                              637
                              Loading More Posts
                              • Oldest to Newest
                              • Newest to Oldest
                              • Most Votes
                              Reply
                              • Reply as topic
                              Log in to reply
                              Community
                              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                              The ioBroker Community 2014-2023
                              logo