Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Geofency auf Karte in Vis darstellen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    Geofency auf Karte in Vis darstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • mickym
      mickym Most Active @Damrak2022 last edited by

      @damrak2022 Ja sehr gut - nun noch den Dummy Node mit der Link Out Node verkabeln - damit die Nachricht wieder zurückkommt.

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

        @mickym Habe ich

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

          @damrak2022 Nun passen wir noch die Change Node an - die direkt vor der World-Map Out Node steckt.

          Am Besten den JSONATA Editor aufmachen und alles wegschmeissen und folgenden Code eintragen und dann screenshot posten:

          {
             "name":name,
             "lat":lat,
             "lon":lon,
             "layer":"Andy's Favoriten",
             "icon":"circle",
             "iconColor":color,
             "popup": table
             }
          

          b3d08d99-e535-4948-b4ef-687ed532cd86-image.png

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

            @mickym Ah okay, das ist die msg.payload

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

              @damrak2022 Ja komm gleich - nun wie gesagt erst mal die Change Node - die ich im letzten Screenshot markiert habe - und die hinter der großen Auftrennung steckt.

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

                @mickym Fehler von mr - alles gut

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

                  @damrak2022 Ja machen wir gleich - bitte ein Screenshot vom JSONATA Editor der letzten Change msg.payload vor der worldmap node

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

                    @mickym Bildschirmfoto 2022-08-31 um 17.16.34.png

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

                      @damrak2022 Sehr gut - nun kommt der erste große Test. - die Query DB Node - nun an die Change Node Farbe setzen grün verkabeln. Die Debug Node einfach bissi nach oben schieben.

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

                        @mickym Ist verkabelt

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

                          @damrak2022 So nun sollte nach Browser-Refresh Dein Punkt My Home wieder auf der Karte auftauchen.

                          e8470f56-b1cf-4f69-8072-1db8f6df7359-image.png

                          bei Dir ist er halt grün. 😉

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

                            @mickym Nein, nicht nach Browserrefresh und auch nicht wenn ich oben timestamp einmal anklicke
                            Muss ich die timestamp nicht erstmal trennen und mit Latitude verbinden?
                            Bildschirmfoto 2022-08-31 um 17.22.53.png

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

                              @damrak2022 Nein lass die ruhig - aber zusätzlich natürlich noch mit der Latitude Node verbinden - Es muss nun natürlich eine durchgehende Verbindung von vorne bis hinten existieren.

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

                                @mickym Ja, jetzt geht es

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

                                  @damrak2022 Siehst Du also Deinen myHome Punkt auf der karte?

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

                                    @mickym Jepp

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

                                      @damrak2022 Ok Deine Punkte haben wir nun dem layer Andy's Favoriten hinzugefügt.

                                      Das Kartenmenü öffnest Du über den Papierstapel:

                                      d15e81a7-fd84-4aae-8f35-ef4ff5119652-image.png

                                      Dort kannst Du über die Checkbox nun Deinen Punkt ein- und ausblenden. Funktioniert das?

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

                                        @mickym Ja, das klappt auch

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

                                          @damrak2022 So dann nähern wir uns dem Ende des Projektes, weil ich das nun im Großen und Ganzen nach meinem ästhetischem Empfinden gemacht habe - und falls Du das anders haben willst - dann empfehle ich Dir @OliverIO - der scheint mir hier der HTML Profi zu sein.

                                          Erst mal unformatiert:

                                          Bitte diese Node importieren und hinter die JOIN Node im unteren Flow hängen:

                                          caa5e142-7c37-43ad-9e8d-685c8ce80ed6-image.png

                                          [
                                             {
                                                 "id": "12838a4c3b5049ec",
                                                 "type": "function",
                                                 "z": "42e3c58ef661ea13",
                                                 "name": "Erstelle HTML Tabelle V2 für WorldMap",
                                                 "func": "/**********************************************************************************************************/\n/* Zweck:      Erstellt eine HTML Tabelle für Popup der World-Maps\n/* Datum:      31.08.2022\n/* Autor:      @mickym\n/*\n/**********************************************************************************************************/\n\nif (typeof msg.payload === \"object\") {\n  var table = '';\n  var tHeight = msg.payload.length > 10 ? \"height:265px\" : \"height:100%\";\n  var html_styles = `\n    <head>\n      <style>\n        table {\n          font-family: arial, sans-serif;\n          border-collapse: collapse;\n          display: block;\n          overflow-y: scroll;\n          scrollbar-width: none;  /* Firefox */\n        }\n\n      /* Hide scrollbar for Chrome, Safari and Opera */\n        table::-webkit-scrollbar {\n          display: none;\n        }\n\n       \n        th {\n          border: 1px solid #dddddd;\n          text-align: center;\n          padding: 4px;\n        }\n\n        td {\n          border: 1px solid #dddddd;\n          text-align: center;\n          padding: 4px;\n        }\n\n        tr:nth-child(even) {\n          background-color: #dddddd;\n        }\n      </style>\n    </head>`\n\n  /***          Formatierung ein und ausschalten            ***/\n  // table = html_styles;\n  \n  table += `\n    <table style=\"height:30px\"> \n      <tr> \n          <th style=\"width:55px\">Ereignis</th> \n          <th style=\"width:125px\">Zeitstempel</th>\n      </tr> \n    </table>\n    <table style=\"` + tHeight + `\">`\n\n  msg.payload.forEach(function(/** @type {{ ereignis: any; zeitstempel: any; }} */ element) {\n      table += `\n        \n          <tr>\n            <td style=\"width:55px\">` + element.ereignis + `</td>\n            <td style=\"width:125px\">` + element.zeitstempel +`</td>\n          </tr>`\n  });\n\n  table += `\n        </table>`;\n\n  // node.warn(table);\n  msg.table = table;\n}\n\nreturn msg;",
                                                 "outputs": 1,
                                                 "noerr": 0,
                                                 "initialize": "",
                                                 "finalize": "",
                                                 "libs": [],
                                                 "x": 2230,
                                                 "y": 1040,
                                                 "wires": [
                                                     [
                                                         "d368b3d692533f66"
                                                     ]
                                                 ]
                                             }
                                          ]
                                          

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

                                            @mickym Ja, habe ich

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            939
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            3
                                            698
                                            81831
                                            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