Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. maps mit Streckendarstellung

    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

    maps mit Streckendarstellung

    This topic has been deleted. Only users with topic management privileges can see it.
    • bahnuhr
      bahnuhr Forum Testing Most Active @liv-in-sky last edited by

      @liv-in-sky sagte in maps mit Streckendarstellung:

      leaflet

      leaflet hatte ich hinbekommen.
      Was nicht geklappt hatte war das ganze bei google maps.

      Hab ich aber jetzt auch hinbekommen.

      Danke dir trotzdem.

      Stelle code mit google maps dann mal ein.

      liv-in-sky 1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @bahnuhr last edited by

        @bahnuhr sagte in maps mit Streckendarstellung:

        Stelle code mit google maps dann mal ein

        das wäre super - braucht man da ein google login ?

        bahnuhr 1 Reply Last reply Reply Quote 0
        • bahnuhr
          bahnuhr Forum Testing Most Active @liv-in-sky last edited by

          @liv-in-sky sagte in maps mit Streckendarstellung:

          google login ?

          ja, google key brauchst du.
          Ohne klappt es nicht.

          liv-in-sky 2 Replies Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @bahnuhr last edited by

            @bahnuhr

            ich hasse das bei google - macht alles so mega komplex

            1 Reply Last reply Reply Quote 0
            • liv-in-sky
              liv-in-sky @bahnuhr last edited by liv-in-sky

              @bahnuhr

              langsam nimmt es form an - paar kleinigkeiten sind noch zu machen - danke für das animieren und einstellen deiner scripte- hätte sonst wohl nicht damit begonnen

              rot: blitzer
              grün : wo bin ich gerade
              schwarz: die tour
              plus die temperatur für winter(glatteis)

              alles online verfolgbar (traccar) - lasse mir das u.a. im auto anzeigen

              Image 084.png

              bahnuhr 1 Reply Last reply Reply Quote 1
              • bahnuhr
                bahnuhr Forum Testing Most Active @liv-in-sky last edited by

                @liv-in-sky
                auch gut.
                Stell doch dein Script mal ein.

                Was ist traccar ?

                liv-in-sky 1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @bahnuhr last edited by

                  @bahnuhr traccar ist ein client auf dem handy und ein server im netzwerk (free) für geolocation

                  das script enthält alle meine coordinaten - und ist schnell zusammengebastelt und war nicht zur verbreitung gedacht

                  falls du es gerne hättest - gerne über email (dann im chat angeben)

                  bahnuhr 1 Reply Last reply Reply Quote 0
                  • bahnuhr
                    bahnuhr Forum Testing Most Active @liv-in-sky last edited by bahnuhr

                    @liv-in-sky

                    alles klar
                    mich würde insbesondere die Punkte:
                    Kreis, Blitzer, Temp
                    interssieren.

                    Hast PN. Danke vorab.

                    liv-in-sky 3 Replies Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @bahnuhr last edited by liv-in-sky

                      @bahnuhr

                      ok - die blitzer sind hier gemacht: https://forum.iobroker.net/post/512330

                      temperatur ist einmal ein sonoff mit messung daheim - und netatmo-crawler - adapter

                      das blockly ist in einem ganzen system integriert - ich schreibe alle routen in jsons um die zur abrechnung (fahrkosten) zu haben - daher nur als bild - darin wird auf eine distance von 500 meter die koordinaten in ein json gspeichert, welches dann die html datei mit den circles erzeugt

                      Image 085.png

                      die funktion leaflet-writing schreibt ein fortlaufendes json für all dir koordinaten

                      let jarry=JSON.parse(getState("0_userdata.0.CONTROL-OWN.TRACCAR.LeafletJSON").val);
                      
                      jarry.push({
                                "pos":pos,
                                "stamp":stamp,
                                "geozaun":geozaun
                      
                      
                      })
                      
                      setState("0_userdata.0.CONTROL-OWN.TRACCAR.LeafletJSON",JSON.stringify(jarry));
                      

                      die funktion leaflet-draw macht das eigentliche html file und speichert das

                      hier zum download - kenntwort schicke ich dir
                      am besten du öffnest es mit notepad++ , damit alle zeichen richtig übersetzt werden

                      leaflet-draw.7z

                      P 1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @bahnuhr last edited by liv-in-sky

                        @bahnuhr

                        traccar adapter sieht so aus:

                        Image 086.png

                        netatmo-crawler:

                        Image 087.png

                        1 Reply Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @bahnuhr last edited by

                          @bahnuhr

                          das beste, was ich bis jetzt gefunden habe, um text darzustellen - mit transparenten hintergrund

                          Image 088.png

                          im style tag:

                            .my-label {
                            @charset "utf-8";
                              position: absolute;
                              width:150px;
                              font-size:35px;
                          	background:transparent;
                          }
                          

                          einbinden im script tag:

                          var marker = new L.marker([50.539, 11.99], { opacity: 0.01 }); //opacity may be set to zero
                          marker.bindTooltip('17 °C', {permanent: true, className: "my-label", offset: [0, 50] });
                          marker.addTo(map);
                          
                          1 Reply Last reply Reply Quote 0
                          • P
                            padman @liv-in-sky last edited by

                            @liv-in-sky Mit Begeisterung lese ich grad diesen Beitrag. Könnte ich auch das Password bekommen?

                            liv-in-sky 1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @padman last edited by

                              @padman

                              da sind viele daten drin - habe ein paar geändert - das kennwort ist im chat

                              leaflet-draw-changed.7z

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              598
                              Online

                              31.9k
                              Users

                              80.1k
                              Topics

                              1.3m
                              Posts

                              javascript
                              7
                              67
                              4238
                              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