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 last edited by

      @OliverIO
      Du hattest mir mal einen Code für ein rssfeed template2 zur Verfügung gestellt.

      Sa so aus:

      <% 
          var selectid="mydropdown"; 
          var dp_write = "javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt";
      %>
      <script>
      debugger;
          var selectid="<%- selectid %>";
          var dp_write="<%- dp_write %>";
          
          function writeDP(el) {
              if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);
          }
      
      </script>
      <style>
      #mydropdown {
          color:rgb(255,255,255);
          background:black;
          font-size:24px;
      }
      </style>
      </style><select id="<%- selectid %>" name="<%- selectid %>" size="1" onchange="javascript:writeDP(this)" >
      <% debugger; %>
      <% for (var i = 0; i<data.length;i++) { %>
        <option <%- ((dp[dp_write]==data[i]) ? "selected":"") %>><%- data[i] %></option>
      <% } %>
      </select>
      

      Könnte man hier, wenn der DP geschrieben wird einen Befehl eingeben, dass ein widget nach 1000ms neu geladen wird ?

      1 Reply Last reply Reply Quote 0
      • bahnuhr
        bahnuhr Forum Testing Most Active last edited by

        Hallo,
        hat sich erledigt, habe es mit verschiedene Dateinamen gelöst.

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

          @bahnuhr
          sorry - bin zeitlich nicht mehr so flexibel

          ich versuche immer noch, das ganze direkt einzubinden - ich kann die externen scripte und css einbinden und diese sind auch als source in den entwicklertools zu sehen - aber leider kommt immer wieder https://forum.iobroker.net/post/1142475 der fehler, dass er beim kartenersstellen null null oder undefined undefined schreibt - dein polygon wird jedoch der karte hinzugefügt

          @oliverio sagte in maps mit Streckendarstellung:

          der 403 fehler bedeutet, das der server die datei nicht ausliefern will
          https://de.wikipedia.org/wiki/HTTP_403

          den fehler verstehe ich nicht - wenn das html als file da ist, wird auch keine authentifizierung verlangt - ist es in einem html widget in der vis schon - da stimmt was anderes nicht

          geändert habe ich das ganze so:

          ich verlege diesen teil:

           $('head').append(` <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
                    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
                    crossorigin=""/>` );
          
                  
           $('body').append(`    
              <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
                      integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
                      crossorigin=""></script>
             
                 `);
          
          

          unter scripte in der vis und belasse den nächsten teil in dem html widget - braucht halt eine zeitverzögerung

          
            
           <div id="mapid" style="width: 1200px; height: 800px"></div>
          
           <script>
           
          
          
          
           let timeout111 = 3500; //Zeit erhöhen wenn der Klick nicht angenommen wird
           let timeout112 = 2000; //Zeit erhöhen wenn der Klick nicht angenommen wird
           
            
            setTimeout( () => {
               // }, timeout111);  
             // setTimeout( () => {
               
                var mymap = L.map('mapid').setView([52.465, 9.71], 17);
                  mapLink = 
                      '<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>';
           
                /*  L.tileLayer(
                      'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                      attribution: '&copy; ' + mapLink,
                      maxZoom: 18,
                      }).addTo(mymap);*/
                L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png?{foo}', {foo: 'bar', attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(mymap);      
              /*  L.tileLayer('https://tile.opentopomap.org/{z}/{x}/{y}.png', {
              maxZoom: 19,
              attribution: 'Map data: © OpenStreetMap contributors, SRTM | Map style: © OpenTopoMap (CC-BY-SA)'
          }).addTo(mymap); */ 
                      
                      
           // }, timeout111);
           
              setTimeout( () => {
                   var polyline = L.polyline([
                      [52.46566, 9.71085],[52.4657, 9.71095],[52.46573, 9.71129],[52.46604, 9.71132],[52.46648, 9.71126],[52.46674, 9.71094],[52.46705, 9.71029],[52.46733, 9.70977],[52.46757, 9.70929],[52.46786, 9.70872],[52.46811, 9.7082],[52.46842, 9.70772],[52.46861, 9.70714],[52.46877, 9.70649],[52.4689, 9.70585],[52.46902, 9.7052],[52.46914, 9.70461],[52.4693, 9.70401],[52.46948, 9.70335],[52.46963, 9.70277],[52.46982, 9.70216],[52.47012, 9.70178],[52.47044, 9.70136],[52.47078, 9.70097],[52.47111, 9.70061],[52.47144, 9.70023],[52.47178, 9.69983],[52.47212, 9.69945],[52.47247, 9.69905],[52.47282, 9.69866],[52.47315, 9.69832],[52.4735, 9.69795],[52.47384, 9.69755],[52.47418, 9.69715],[52.47454, 9.69678],[52.47492, 9.69638],[52.47526, 9.69601],[52.47561, 9.69566],[52.47602, 9.69539],[52.4764, 9.69527],[52.47676, 9.69472],[52.47708, 9.69439],[52.47739, 9.69393],[52.47775, 9.69359],[52.47812, 9.69329],[52.4785, 9.69301],[52.47892, 9.69283],[52.47932, 9.69267],[52.47966, 9.69245],[52.48005, 9.6921],[52.4804, 9.69191],[52.48087, 9.69169],[52.4812, 9.69157],[52.48154, 9.69153],[52.48203, 9.69148]
          	    ],
                      {
                          color: 'blue',
                          weight: 3,
                          opacity: .7,
                          //dashArray: '20,15',
                          lineJoin: 'round'
                      }
                      ).addTo(mymap);     
                   //  mymap.remove(); 
                   
              }, timeout111);       
                      
            }, timeout112);
            </script>
            
             
              
              
          

          in chrome sieht man die source:

          Image 076.png

          habe auch mal das getestet https://docs.maptiler.com/leaflet/examples/npm-get-started/ - aber leider kommt dann

          Image 075.png
          obwohl ich einen key generiert habe

          @bahnuhr - danke für das script - werde ich mir später ansehen

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

            @liv-in-sky
            Bei mir läuft es einwandfrei.
            Stelle heute abend (wenn es klappt) alles mal ein.

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

              @bahnuhr ja, das ist schon mal gut so (du arbeitest mit dem html-file und iframe)- ich wolte aber mal (just for fun) ein externes script in die vis einbinden (über ein html-widget) und herausfinden, wo da probleme entstehen - zumindest das erstellen von problemen ist mir gelungen 🙂

              bahnuhr 2 Replies 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:

                externes script in die vis einbinden (über ein html-widget)

                hab ich nicht hinbekommen

                1 Reply Last reply Reply Quote 0
                • bahnuhr
                  bahnuhr Forum Testing Most Active last edited by

                  @liv-in-sky

                  anbei Script und View.
                  Kannst bestimmt damit was anfangen.
                  Funktioniert einwandfrei.

                  
                  
                  // Script um aus den DP vom Adapter "bosch-ebike" eine MAP zu erstellen und den Weg zu zeichnen
                  // bahnuhr, 03_2024
                  
                  // ###############################################################################################################
                  // DP "javascript.0.Geräte.Fahrrad.Touren" ändert sich
                      on({id: "javascript.0.Geräte.Fahrrad.Touren"}, function() {  
                          var body = getState("javascript.0.Geräte.Fahrrad.Touren").val;
                          var arrTouren = []; 
                          var obj = JSON.parse(body); 
                          for (var x=0; x<= obj.length-1; x++) {
                              var titel = obj[x].Titel; var datum = obj[x].Datum; var start = obj[x].Start; var end = obj[x].Ende; var strecke = obj[x].Strecke; 
                              var fahrzeit = obj[x].Fahrzeit; var o_trittfrequenz = obj[x].o_Trittfrequenz; var max_trittfrequenz = obj[x].max_Trittfrequenz;
                              var o_leistung = obj[x].o_Leistung; var max_leistung = obj[x].max_Leistung; var o_speed = obj[x].o_Speed; var max_speed = obj[x].max_Speed;
                              var bergauf = obj[x].Bergauf; var bergab = obj[x].Bergab;
                              arrTouren.push(datum + " _ " + strecke + " km _ " + titel); 
                          }
                          setState("javascript.0.Geräte.Fahrrad.Routen.Auswahl", JSON.stringify(arrTouren));
                          log (arrTouren);     
                      });
                  
                  
                  // ###############################################################################################################
                  // DP "javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt" ändert sich
                      on({id: "javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt"}, function(obj) {  
                          var arr = obj.state.val.split(" _ "); log (arr[0]); var Auswahl_Datum = arr[0];
                          var body = JSON.parse(getState("javascript.0.Geräte.Fahrrad.Touren").val);
                          for (var x=0; x<20; x++) {
                              var datum = body[x].Datum; 
                              if (datum == Auswahl_Datum) {
                                  Datei_schreiben(x+1);
                              }
                          }
                      });
                  
                  
                  
                  // ###############################################################################################################
                  // GPS lesen und Datei html schreiben
                      function Datei_schreiben(trip) {
                          // Variablen
                              var poly ="";       // hier werden die GPS gespeichert
                              var center_gps = "50.465, 9.71";    // Mittelpunkt der Karte
                              var zoom = 13                       // Zoom der Karte
                              var pfad = "route"             // Dateiname - wird in vis.0 gespeichert
                              var logging = true;
                          // Werte der Tour einlesen
                              var arrTour = [];
                              var obj2 = JSON.parse(getState("javascript.0.Geräte.Fahrrad.Touren").val); 
                              var titel = obj2[trip-1].Titel; var datum = obj2[trip-1].Datum; var start = obj2[trip-1].Start; var end = obj2[trip-1].Ende; var strecke = obj2[trip-1].Strecke; 
                              var fahrzeit = obj2[trip-1].Fahrzeit; var o_trittfrequenz = obj2[trip-1].o_Trittfrequenz; var max_trittfrequenz = obj2[trip-1].max_Trittfrequenz;
                              var o_leistung = obj2[trip-1].o_Leistung; var max_leistung = obj2[trip-1].max_Leistung; var o_speed = obj2[trip-1].o_Speed; var max_speed = obj2[trip-1].max_Speed;
                              var bergauf = obj2[trip-1].Bergauf; var bergab = obj2[trip-1].Bergab;
                              arrTour.push({Titel: titel, Datum: datum, Start: start, Ende: end, Strecke: strecke, Fahrzeit: fahrzeit, o_Trittfrequenz: o_trittfrequenz, max_Trittfrequenz: max_trittfrequenz, o_Leistung: o_leistung, max_Leistung: max_leistung, o_Speed: o_speed, max_Speed: max_speed, Bergauf: bergauf, Bergab: bergab}); 
                              setState("javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt_alles", JSON.stringify(arrTour));
                          // GPS einlesen und der Variablen poly zuweisen
                              if (trip < 10) trip = "0" + trip;       // DP bei den Objekten der eingelesen werden soll: bosch-ebike.0.trips.xx.details
                              var obj = JSON.parse(getState("bosch-ebike.0.trips." + trip + ".details").val); 
                              var end = obj.activityData.length - 1;
                              for (var x=0; x<=end; x++) {
                                  if (obj.activityData[x].lat > 1 && obj.activityData[x].lon > 1) {
                                      poly = poly + "["+obj.activityData[x].lat+", "+obj.activityData[x].lon+"]"
                                      if (x < end) poly = poly + ","
                                  }
                              }
                              if (logging) log (poly);
                          // html erzeugen und speichern in /vis.0/xxx.html
                              var string = '<!DOCTYPE html>\n<html>\n<head>\n<title>Simple Leaflet Map</title>\n<meta charset="utf-8" />\n'
                              string = string + '<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="crossorigin=""/></head>\n'
                              string = string + '<body>\n<div id="map" style="width: 980px; height: 530px"></div>\n<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="crossorigin=""></script>\n<script>\n'
                              string = string + "var map = L.map('map').setView([" + center_gps + "], " + zoom + ");\n"
                              string = string + "mapLink = '<a href=" + '"http://openstreetmap.org"' + ">OpenStreetMap</a>';\n"
                              string = string + "L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; ' + mapLink + ' Contributors', maxZoom: 18,}).addTo(map);\n"
                              string = string + 'var polyline = L.polyline([ \n' + poly + '\n], { color: "blue", weight: 3, opacity: .7, lineJoin: "round" } ).addTo(map);\n'
                              string = string + '</script>\n</body>\n</html>'
                              writeFile("vis.0", "/Routen/" + pfad + trip +".html", string, (error) => {
                                  if (logging) log('Datei "route.html" gespeichert!');
                              });
                              setState("javascript.0.Geräte.Fahrrad.Routen.Datei","/vis.0/Routen/" + pfad + trip + ".html");
                      }
                  
                  

                  View:

                  {
                     "settings": {
                         "style": {
                             "background_class": "",
                             "background-color": "black"
                         },
                         "theme": "dark-hive",
                         "sizex": "1270",
                         "sizey": "790",
                         "gridSize": "",
                         "useAsDefault": false,
                         "snapType": null,
                         "useBackground": false
                     },
                     "widgets": {
                         "e00001": {
                             "tpl": "tplBarNavigator",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "bPosition": "floatVertical",
                                 "bWidth": 187,
                                 "bHeight": 34,
                                 "bValue": "",
                                 "bStyleNormalHover": null,
                                 "bStyleActiveHover": null,
                                 "bCount": "10",
                                 "buttonsText1": "Übersicht",
                                 "buttonsImage1": "/vis.0/main/img/faviconEdit.png",
                                 "buttonsOption1": "Titel",
                                 "buttonsText2": "Etagen",
                                 "buttonsImage2": "/vis.0/main/img/mfd/control_building_s_eg.png",
                                 "buttonsOption2": "Erdgeschoss",
                                 "buttonsText3": "Außenbereich",
                                 "buttonsImage3": "/vis.0/main/img/mfd/weather_wind.png",
                                 "buttonsOption3": "Aussenbereich",
                                 "buttonsText4": "Maps",
                                 "buttonsImage4": "/vis.0/main/img/boincmanager.png",
                                 "buttonsOption4": "Maps_Dieter",
                                 "buttonsText5": "Multimedia",
                                 "buttonsImage5": "/vis.0/main/img/yamaha.jpg",
                                 "buttonsOption5": "Yamaha",
                                 "buttonsText6": "Video / Webcam",
                                 "buttonsImage6": "/vis.0/main/img/camera.png",
                                 "buttonsOption6": "Video",
                                 "buttonsText7": "Geräte / Energie",
                                 "buttonsImage7": "/vis.0/main/img/disconnect.png",
                                 "buttonsOption7": "Geraete",
                                 "buttonsText8": "Jalousie / Licht",
                                 "buttonsImage8": "/vis.0/main/img/devices/50/61_hm-lc-bl1-pb-fm_thumb.png",
                                 "buttonsOption8": "Schalter",
                                 "buttonsText9": "Heizung",
                                 "buttonsImage9": "/vis.0/main/img/devices/50/61_hm-lc-bl1-pb-fm_thumb.png",
                                 "buttonsOption9": "Schalter2",
                                 "buttonsText10": "System",
                                 "buttonsImage10": "/vis.0/main/img/mfd/measure_power_meter.png",
                                 "buttonsOption10": "System",
                                 "buttonsText11": "",
                                 "buttonsImage11": "",
                                 "buttonsOption11": "Schalter2",
                                 "buttonsText12": "",
                                 "buttonsImage12": "",
                                 "buttonsOption12": "System",
                                 "buttonsText13": "",
                                 "buttonsImage13": "",
                                 "buttonsOption13": "Schalter2",
                                 "bOnlyOneSelected": false,
                                 "bTheme": "",
                                 "alwaysOpened": false,
                                 "g_css_background": false,
                                 "g_gestures": false,
                                 "g_signals": false,
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "g_effects": false,
                                 "g_css_shadow_padding": true,
                                 "g_css_border": false,
                                 "g_css_font_text": true,
                                 "bShowEffect": "show",
                                 "bShowEffectMs": "100",
                                 "bHideEffect": "show",
                                 "bHideEffectMs": "100",
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Google",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Pool",
                                     "Pool_Chemie",
                                     "Schalter",
                                     "Schalter2",
                                     "System",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle2",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "g_style": false,
                                 "g_button_options": true,
                                 "bSpace": "11",
                                 "bRadius": "8",
                                 "bOffset": "0",
                                 "bTextAlign": "center",
                                 "bImageAlign": "left",
                                 "bLayout": "auto",
                                 "imagePaddingLeft": "17",
                                 "imagePaddingTop": "10",
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0,
                                 "buttonsImage14": "/vis.0/main/img/devices/50/61_hm-lc-bl1-pb-fm_thumb.png",
                                 "buttonsText14": "Heizung",
                                 "buttonsOption14": "Schalter2",
                                 "g_visibility": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide"
                             },
                             "style": {
                                 "left": "20px",
                                 "top": "270px",
                                 "height": "505px",
                                 "width": "190px",
                                 "z-index": "2",
                                 "position": "",
                                 "opacity": "",
                                 "font-family": "Alegreya-Italic",
                                 "font-size": "12px",
                                 "line-height": "6px",
                                 "color": "",
                                 "text-align": "",
                                 "font-style": "normal"
                             },
                             "widgetSet": "bars"
                         },
                         "e00002": {
                             "tpl": "tplTwSimpleDate",
                             "data": {
                                 "g_fixed": true,
                                 "g_visibility": false,
                                 "g_css_font_text": true,
                                 "g_css_background": false,
                                 "g_css_shadow_padding": false,
                                 "g_css_border": false,
                                 "g_gestures": false,
                                 "g_signals": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "prependZero": "true",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "showWeekDay": true,
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Energie",
                                     "Erdgeschoss",
                                     "Garage",
                                     "Geraete",
                                     "Geraete2",
                                     "Google",
                                     "Haustuer",
                                     "Heizungsanlage",
                                     "Kellergeschoss",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Obergeschoss",
                                     "Schalter",
                                     "Schalter2",
                                     "Strom",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Video",
                                     "Wasser",
                                     "Webcam",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Wohnzimmer2",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "20px",
                                 "top": "17px",
                                 "width": "200px",
                                 "height": "35px",
                                 "z-index": "1",
                                 "color": "rgb(255, 255, 255)",
                                 "font-size": "16px",
                                 "letter-spacing": "0px",
                                 "line-height": "",
                                 "font-family": "sans-serif"
                             },
                             "widgetSet": "timeandweather"
                         },
                         "e00003": {
                             "tpl": "tplTwSimpleClock",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "hideSeconds": true,
                                 "blink": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Energie",
                                     "Erdgeschoss",
                                     "Garage",
                                     "Geraete",
                                     "Geraete2",
                                     "Google",
                                     "Haustuer",
                                     "Heizungsanlage",
                                     "Kellergeschoss",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Obergeschoss",
                                     "Schalter",
                                     "Schalter2",
                                     "Strom",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Video",
                                     "Wasser",
                                     "Webcam",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Wohnzimmer2",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "20px",
                                 "top": "47px",
                                 "color": "rgb(255, 255, 255)",
                                 "font-size": "40px",
                                 "z-index": "1",
                                 "height": "42px",
                                 "line-height": "normal",
                                 "font-family": "sans-serif",
                                 "letter-spacing": "2px",
                                 "width": "130px"
                             },
                             "widgetSet": "timeandweather"
                         },
                         "e00004": {
                             "tpl": "tplImage",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "src": "/vis.0/main/img/IMG_3343 - Kopie.jpg",
                                 "refreshOnWakeUp": false,
                                 "refreshOnViewChange": false,
                                 "refreshInterval": "0",
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Energie",
                                     "Erdgeschoss",
                                     "Garage",
                                     "Geraete",
                                     "Geraete2",
                                     "Google",
                                     "Haustuer",
                                     "Heizungsanlage",
                                     "Kellergeschoss",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Obergeschoss",
                                     "Schalter",
                                     "Schalter2",
                                     "Strom",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Video",
                                     "Wasser",
                                     "Webcam",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Wohnzimmer2",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "20px",
                                 "top": "110px",
                                 "width": "189px",
                                 "height": "132px",
                                 "z-index": "2"
                             },
                             "widgetSet": "basic"
                         },
                         "e00005": {
                             "tpl": "tplHtml",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Energie",
                                     "Erdgeschoss",
                                     "Garage",
                                     "Geraete",
                                     "Geraete2",
                                     "Google",
                                     "Haustuer",
                                     "Heizungsanlage",
                                     "Kellergeschoss",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Obergeschoss",
                                     "Schalter",
                                     "Schalter2",
                                     "Strom",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Video",
                                     "Wasser",
                                     "Webcam",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Wohnzimmer2",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "refreshInterval": "0",
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "10px",
                                 "top": "10px",
                                 "border-radius": "6px",
                                 "padding": "3px",
                                 "color": "rgb(255, 255, 255)",
                                 "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0%",
                                 "border": "1px solid rgb(170, 170, 170)",
                                 "font": "normal normal 20px/normal Arial",
                                 "width": "200px",
                                 "height": "230px",
                                 "border-color": "rgb(170, 170, 170)",
                                 "border-style": "solid",
                                 "border-width": "2px",
                                 "z-index": "0"
                             },
                             "widgetSet": "basic"
                         },
                         "e00006": {
                             "tpl": "tplHtml",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "refreshInterval": "0",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "views": [
                                     "Aussenbereich",
                                     "Code",
                                     "Corona",
                                     "DWD",
                                     "DWD2",
                                     "DWD3",
                                     "Energie",
                                     "Erdgeschoss",
                                     "Garage",
                                     "Geraete",
                                     "Geraete2",
                                     "Google",
                                     "Haustuer",
                                     "Heizungsanlage",
                                     "Kellergeschoss",
                                     "Krippe",
                                     "Maps_Bettina",
                                     "Maps_Dieter",
                                     "Maps_Philipp",
                                     "Nachrichten",
                                     "Obergeschoss",
                                     "Schalter",
                                     "Schalter2",
                                     "Strom",
                                     "System2",
                                     "Tanks",
                                     "Tankstelle",
                                     "Telefon",
                                     "Telefon2",
                                     "Titel",
                                     "Uhr",
                                     "Video",
                                     "Wasser",
                                     "Webcam",
                                     "Wetter",
                                     "Wohnzimmer",
                                     "Wohnzimmer2",
                                     "Yamaha",
                                     "Yamaha2",
                                     "Yamaha3"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "10px",
                                 "top": "260px",
                                 "border-radius": "6px",
                                 "padding": "3px",
                                 "color": "rgb(255, 255, 255)",
                                 "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0%",
                                 "border": "1px solid rgb(170, 170, 170)",
                                 "font": "normal normal 20px/normal Arial",
                                 "width": "200px",
                                 "height": "520px",
                                 "border-color": "rgb(170, 170, 170)",
                                 "border-style": "solid",
                                 "border-width": "2px",
                                 "z-index": "0"
                             },
                             "widgetSet": "basic"
                         },
                         "e00007": {
                             "tpl": "tplHtml",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "refreshInterval": "0",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "230px",
                                 "top": "10px",
                                 "border-radius": "6px",
                                 "padding": "3px",
                                 "color": "rgb(255, 255, 255)",
                                 "background": "rgba(0, 0, 0, 0) none repeat scroll 0% 0%",
                                 "border": "1px solid rgb(170, 170, 170)",
                                 "font": "normal normal 20px/normal Arial",
                                 "width": "1030px",
                                 "height": "770px",
                                 "border-color": "rgb(170, 170, 170)",
                                 "border-style": "solid",
                                 "border-width": "2px",
                                 "z-index": "0"
                             },
                             "widgetSet": "basic"
                         },
                         "e00008": {
                             "tpl": "tplHtml",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "html": "E-Bike - Tour:",
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "refreshInterval": "0",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "views": [
                                     "DWD2",
                                     "DWD3"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0
                             },
                             "style": {
                                 "left": "402px",
                                 "top": "26px",
                                 "width": "220px",
                                 "height": "42px",
                                 "color": "rgb(255, 255, 255)",
                                 "z-index": "2",
                                 "font-size": "40px",
                                 "font-family": "Alegreya-Italic",
                                 "line-height": "32px"
                             },
                             "widgetSet": "basic"
                         },
                         "e00009": {
                             "tpl": "tplBarNavigator",
                             "data": {
                                 "hm_id": 65535,
                                 "digits": "",
                                 "factor": 1,
                                 "min": 0,
                                 "max": 1,
                                 "step": 0.01,
                                 "bPosition": "floatHorizontal",
                                 "bWidth": 80,
                                 "bHeight": 46,
                                 "bSpace": 5,
                                 "bRadius": 5,
                                 "bOffset": 0,
                                 "bTextAlign": "center",
                                 "bImageAlign": "right",
                                 "bValue": "",
                                 "bShowEffect": "show",
                                 "bHideEffect": "show",
                                 "bShowEffectMs": 100,
                                 "bHideEffectMs": 100,
                                 "bStyleNormal": "bar-button-base-on",
                                 "bStyleNormalHover": null,
                                 "bStyleActive": "bar-button-nice-blue",
                                 "bStyleActiveHover": null,
                                 "bCount": "1",
                                 "buttonsText1": "Fahrrad",
                                 "buttonsImage1": "",
                                 "buttonsOption1": "Fahrrad",
                                 "buttonsText2": "Bettina",
                                 "buttonsImage2": "",
                                 "buttonsOption2": "Maps_Bettina",
                                 "bOnlyOneSelected": false,
                                 "bTheme": "",
                                 "bLayout": "fixed",
                                 "imagePaddingLeft": "10",
                                 "imagePaddingTop": "2",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "buttonsText3": "Philipp",
                                 "buttonsOption3": "Maps_Philipp",
                                 "views": [
                                     "Maps_Bettina",
                                     "Maps_Philipp"
                                 ],
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0,
                                 "g_visibility": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "buttonsText4": "BMW",
                                 "buttonsOption4": "BMW",
                                 "buttonsText5": "Fahrrad",
                                 "buttonsOption5": "Fahrrad"
                             },
                             "style": {
                                 "left": "260px",
                                 "top": "25px",
                                 "font-size": "16px",
                                 "border-width": "0px",
                                 "border-style": "solid",
                                 "border-color": "rgb(170, 170, 170)",
                                 "height": "25px",
                                 "width": "100px",
                                 "z-index": "6",
                                 "letter-spacing": "0px",
                                 "color": "black"
                             },
                             "widgetSet": "bars"
                         },
                         "e00010": {
                             "tpl": "tplJSONTemplate2",
                             "data": {
                                 "g_fixed": false,
                                 "g_visibility": false,
                                 "g_css_font_text": true,
                                 "g_css_background": false,
                                 "g_css_shadow_padding": false,
                                 "g_css_border": false,
                                 "g_gestures": false,
                                 "g_signals": false,
                                 "g_last_change": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "rss_dpCount": "1",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0,
                                 "json_oid": "javascript.0.Geräte.Fahrrad.Routen.Auswahl",
                                 "json_template": "<% \n    var selectid=\"mydropdown\"; \n    var dp_write = \"javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt\";\n%>\n<script>\ndebugger;\n    var selectid=\"<%- selectid %>\";\n    var dp_write=\"<%- dp_write %>\";\n    \n    function writeDP(el) {\n        if (el.selectedOptions[0].text) vis.setValue(dp_write,el.selectedOptions[0].text);\n    }\n\n</script>\n<style>\n#mydropdown {\n    color:rgb(255,255,255);\n    background:black;\n    font-size:24px;\n}\n</style>\n</style><select id=\"<%- selectid %>\" name=\"<%- selectid %>\" size=\"1\" onchange=\"javascript:writeDP(this)\" >\n<% debugger; %>\n<% for (var i = 0; i<data.length;i++) { %>\n  <option <%- ((dp[dp_write]==data[i]) ? \"selected\":\"\") %>><%- data[i] %></option>\n<% } %>\n</select>",
                                 "rss_dp1": "javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt"
                             },
                             "style": {
                                 "left": "656px",
                                 "top": "30px",
                                 "width": "600px",
                                 "height": "35px",
                                 "font-size": "",
                                 "z-index": "1"
                             },
                             "widgetSet": "rssfeed"
                         },
                         "e00011": {
                             "tpl": "tplIFrame",
                             "data": {
                                 "g_fixed": false,
                                 "g_visibility": false,
                                 "g_css_font_text": false,
                                 "g_css_background": false,
                                 "g_css_shadow_padding": false,
                                 "g_css_border": false,
                                 "g_gestures": false,
                                 "g_signals": false,
                                 "g_last_change": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "refreshInterval": "0",
                                 "seamless": false,
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0,
                                 "src": "{javascript.0.Geräte.Fahrrad.Routen.Datei}",
                                 "scrollY": false,
                                 "scrollX": false,
                                 "noSandbox": false,
                                 "refreshOnWakeUp": true,
                                 "refreshOnViewChange": true
                             },
                             "style": {
                                 "left": "257px",
                                 "top": "222px",
                                 "width": "1000px",
                                 "height": "555px",
                                 "z-index": "5",
                                 "overflow-x": "hidden",
                                 "overflow-y": "hidden"
                             },
                             "widgetSet": "basic"
                         },
                         "e00012": {
                             "tpl": "i-vis-jsontable",
                             "data": {
                                 "g_fixed": false,
                                 "g_visibility": false,
                                 "g_css_font_text": true,
                                 "g_css_background": false,
                                 "g_css_shadow_padding": false,
                                 "g_css_border": false,
                                 "g_gestures": false,
                                 "g_signals": false,
                                 "g_last_change": false,
                                 "visibility-cond": "==",
                                 "visibility-val": 1,
                                 "visibility-groups-action": "hide",
                                 "iTblRowLimit": "1",
                                 "iTableRefreshRate": "0",
                                 "iColCount": "14",
                                 "iColShow1": "true",
                                 "iTblTextAlign1": "left",
                                 "iTblCellFormat1": "normal",
                                 "iTblCellImageSize1": "200",
                                 "iTblCellBooleanCheckbox1": "false",
                                 "iTblCellBooleanColorFalse1": "#ff0000",
                                 "iTblCellBooleanColorTrue1": "#00ff00",
                                 "iTblCellNumberDecimals1": "2",
                                 "iTblCellNumberDecimalSeperator1": ".",
                                 "iTblCellNumberThousandSeperator1": ",",
                                 "iTblCellThresholdsDp1": "",
                                 "iTblCellThresholdsText1": "",
                                 "iOpacityAll": "1",
                                 "iTblRowEvenColor": "#f2eeee",
                                 "iTblRowUnevenColor": "#d2cbcb",
                                 "iTblHeaderColor": "#908484",
                                 "iRowSpacing": "7",
                                 "iTblRowEvenTextColor": "#2c42e8",
                                 "iTblRowUnevenTextColor": "#2c42e8",
                                 "iTblHeaderTextColor": "#FFFFFF",
                                 "iBorderSize": "1",
                                 "iBorderStyleLeft": "groove",
                                 "iBorderStyleRight": "groove",
                                 "iBorderStyleUp": "groove",
                                 "iBorderStyleDown": "groove",
                                 "iBorderColor": "#ffffff",
                                 "signals-cond-0": "==",
                                 "signals-val-0": true,
                                 "signals-icon-0": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-0": 0,
                                 "signals-blink-0": false,
                                 "signals-horz-0": 0,
                                 "signals-vert-0": 0,
                                 "signals-hide-edit-0": false,
                                 "signals-cond-1": "==",
                                 "signals-val-1": true,
                                 "signals-icon-1": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-1": 0,
                                 "signals-blink-1": false,
                                 "signals-horz-1": 0,
                                 "signals-vert-1": 0,
                                 "signals-hide-edit-1": false,
                                 "signals-cond-2": "==",
                                 "signals-val-2": true,
                                 "signals-icon-2": "/vis/signals/lowbattery.png",
                                 "signals-icon-size-2": 0,
                                 "signals-blink-2": false,
                                 "signals-horz-2": 0,
                                 "signals-vert-2": 0,
                                 "signals-hide-edit-2": false,
                                 "lc-type": "last-change",
                                 "lc-is-interval": true,
                                 "lc-is-moment": false,
                                 "lc-format": "",
                                 "lc-position-vert": "top",
                                 "lc-position-horz": "right",
                                 "lc-offset-vert": 0,
                                 "lc-offset-horz": 0,
                                 "lc-font-size": "12px",
                                 "lc-font-family": "",
                                 "lc-font-style": "",
                                 "lc-bkg-color": "",
                                 "lc-color": "",
                                 "lc-border-width": "0",
                                 "lc-border-style": "",
                                 "lc-border-color": "",
                                 "lc-border-radius": 10,
                                 "lc-zindex": 0,
                                 "iColShow2": true,
                                 "iTblTextAlign2": "center",
                                 "iTblCellFormat2": "normal",
                                 "iTblCellImageSize2": "200",
                                 "iTblCellBooleanCheckbox2": "false",
                                 "iTblCellBooleanColorFalse2": "#ff0000",
                                 "iTblCellBooleanColorTrue2": "#00ff00",
                                 "iTblCellNumberDecimals2": "2",
                                 "iTblCellNumberDecimalSeperator2": ".",
                                 "iTblCellNumberThousandSeperator2": ",",
                                 "iTblCellThresholdsDp2": "",
                                 "iTblCellThresholdsText2": "",
                                 "iColShow3": "true",
                                 "iTblTextAlign3": "center",
                                 "iTblCellFormat3": "normal",
                                 "iTblCellImageSize3": "200",
                                 "iTblCellBooleanCheckbox3": "false",
                                 "iTblCellBooleanColorFalse3": "#ff0000",
                                 "iTblCellBooleanColorTrue3": "#00ff00",
                                 "iTblCellNumberDecimals3": "2",
                                 "iTblCellNumberDecimalSeperator3": ".",
                                 "iTblCellNumberThousandSeperator3": ",",
                                 "iTblCellThresholdsDp3": "",
                                 "iTblCellThresholdsText3": "",
                                 "iColShow4": true,
                                 "iTblTextAlign4": "center",
                                 "iTblCellFormat4": "normal",
                                 "iTblCellImageSize4": "200",
                                 "iTblCellBooleanCheckbox4": "false",
                                 "iTblCellBooleanColorFalse4": "#ff0000",
                                 "iTblCellBooleanColorTrue4": "#00ff00",
                                 "iTblCellNumberDecimals4": "2",
                                 "iTblCellNumberDecimalSeperator4": ".",
                                 "iTblCellNumberThousandSeperator4": ",",
                                 "iTblCellThresholdsDp4": "",
                                 "iTblCellThresholdsText4": "",
                                 "oid": "javascript.0.Geräte.Fahrrad.Routen.ausgewaehlt_alles",
                                 "iTblShowHead": true,
                                 "iTblFixedHead": true,
                                 "iColName1": "<p style=\"line-height:18px; text-align:left; font-size:16px;font-weight:normal\">Titel",
                                 "iColWidth1": "",
                                 "iColPreText1": "",
                                 "iColAttr1": "",
                                 "iBorderRemoveDouble": true,
                                 "iColName2": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Datum",
                                 "iColName3": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Start",
                                 "iColName4": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Ende",
                                 "iTblSortOrder": "asc",
                                 "iTblHeadTextAlign1": "left",
                                 "iTblHeadTextAlign2": "center",
                                 "iTblHeadTextAlign3": "center",
                                 "iTblHeadTextAlign4": "center",
                                 "iColShow5": "true",
                                 "iTblHeadTextAlign5": "center",
                                 "iTblTextAlign5": "center",
                                 "iTblCellFormat5": "normal",
                                 "iTblCellImageSize5": "200",
                                 "iTblCellBooleanCheckbox5": "false",
                                 "iTblCellBooleanColorFalse5": "#ff0000",
                                 "iTblCellBooleanColorTrue5": "#00ff00",
                                 "iTblCellNumberDecimals5": "2",
                                 "iTblCellNumberDecimalSeperator5": ".",
                                 "iTblCellNumberThousandSeperator5": ",",
                                 "iTblCellThresholdsDp5": "",
                                 "iTblCellThresholdsText5": "",
                                 "iColName5": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Strecke<br/>(in km)",
                                 "iColShow6": true,
                                 "iTblHeadTextAlign6": "center",
                                 "iTblTextAlign6": "center",
                                 "iTblCellFormat6": "normal",
                                 "iTblCellImageSize6": "200",
                                 "iTblCellBooleanCheckbox6": "false",
                                 "iTblCellBooleanColorFalse6": "#ff0000",
                                 "iTblCellBooleanColorTrue6": "#00ff00",
                                 "iTblCellNumberDecimals6": "2",
                                 "iTblCellNumberDecimalSeperator6": ".",
                                 "iTblCellNumberThousandSeperator6": ",",
                                 "iTblCellThresholdsDp6": "",
                                 "iTblCellThresholdsText6": "",
                                 "iColShow8": false,
                                 "iTblHeadTextAlign8": "center",
                                 "iTblTextAlign8": "center",
                                 "iTblCellFormat8": "normal",
                                 "iTblCellImageSize8": "200",
                                 "iTblCellBooleanCheckbox8": "false",
                                 "iTblCellBooleanColorFalse8": "#ff0000",
                                 "iTblCellBooleanColorTrue8": "#00ff00",
                                 "iTblCellNumberDecimals8": "2",
                                 "iTblCellNumberDecimalSeperator8": ".",
                                 "iTblCellNumberThousandSeperator8": ",",
                                 "iTblCellThresholdsDp8": "",
                                 "iTblCellThresholdsText8": "",
                                 "iColShow9": true,
                                 "iTblHeadTextAlign9": "center",
                                 "iTblTextAlign9": "center",
                                 "iTblCellFormat9": "normal",
                                 "iTblCellImageSize9": "200",
                                 "iTblCellBooleanCheckbox9": "false",
                                 "iTblCellBooleanColorFalse9": "#ff0000",
                                 "iTblCellBooleanColorTrue9": "#00ff00",
                                 "iTblCellNumberDecimals9": "2",
                                 "iTblCellNumberDecimalSeperator9": ".",
                                 "iTblCellNumberThousandSeperator9": ",",
                                 "iTblCellThresholdsDp9": "",
                                 "iTblCellThresholdsText9": "",
                                 "iColShow10": false,
                                 "iTblHeadTextAlign10": "center",
                                 "iTblTextAlign10": "center",
                                 "iTblCellFormat10": "normal",
                                 "iTblCellImageSize10": "200",
                                 "iTblCellBooleanCheckbox10": "false",
                                 "iTblCellBooleanColorFalse10": "#ff0000",
                                 "iTblCellBooleanColorTrue10": "#00ff00",
                                 "iTblCellNumberDecimals10": "2",
                                 "iTblCellNumberDecimalSeperator10": ".",
                                 "iTblCellNumberThousandSeperator10": ",",
                                 "iTblCellThresholdsDp10": "",
                                 "iTblCellThresholdsText10": "",
                                 "iColShow11": true,
                                 "iTblHeadTextAlign11": "center",
                                 "iTblTextAlign11": "center",
                                 "iTblCellFormat11": "normal",
                                 "iTblCellImageSize11": "200",
                                 "iTblCellBooleanCheckbox11": "false",
                                 "iTblCellBooleanColorFalse11": "#ff0000",
                                 "iTblCellBooleanColorTrue11": "#00ff00",
                                 "iTblCellNumberDecimals11": "2",
                                 "iTblCellNumberDecimalSeperator11": ".",
                                 "iTblCellNumberThousandSeperator11": ",",
                                 "iTblCellThresholdsDp11": "",
                                 "iTblCellThresholdsText11": "",
                                 "iColShow12": true,
                                 "iTblHeadTextAlign12": "center",
                                 "iTblTextAlign12": "center",
                                 "iTblCellFormat12": "normal",
                                 "iTblCellImageSize12": "200",
                                 "iTblCellBooleanCheckbox12": "false",
                                 "iTblCellBooleanColorFalse12": "#ff0000",
                                 "iTblCellBooleanColorTrue12": "#00ff00",
                                 "iTblCellNumberDecimals12": "2",
                                 "iTblCellNumberDecimalSeperator12": ".",
                                 "iTblCellNumberThousandSeperator12": ",",
                                 "iTblCellThresholdsDp12": "",
                                 "iTblCellThresholdsText12": "",
                                 "iColShow13": "true",
                                 "iTblHeadTextAlign13": "center",
                                 "iTblTextAlign13": "center",
                                 "iTblCellFormat13": "normal",
                                 "iTblCellImageSize13": "200",
                                 "iTblCellBooleanCheckbox13": "false",
                                 "iTblCellBooleanColorFalse13": "#ff0000",
                                 "iTblCellBooleanColorTrue13": "#00ff00",
                                 "iTblCellNumberDecimals13": "2",
                                 "iTblCellNumberDecimalSeperator13": ".",
                                 "iTblCellNumberThousandSeperator13": ",",
                                 "iTblCellThresholdsDp13": "",
                                 "iTblCellThresholdsText13": "",
                                 "iColShow14": "true",
                                 "iTblHeadTextAlign14": "center",
                                 "iTblTextAlign14": "center",
                                 "iTblCellFormat14": "normal",
                                 "iTblCellImageSize14": "200",
                                 "iTblCellBooleanCheckbox14": "false",
                                 "iTblCellBooleanColorFalse14": "#ff0000",
                                 "iTblCellBooleanColorTrue14": "#00ff00",
                                 "iTblCellNumberDecimals14": "2",
                                 "iTblCellNumberDecimalSeperator14": ".",
                                 "iTblCellNumberThousandSeperator14": ",",
                                 "iTblCellThresholdsDp14": "",
                                 "iTblCellThresholdsText14": "",
                                 "iColWidth6": "",
                                 "iColPreText6": "",
                                 "iColName6": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Fahrzeit",
                                 "iColAttr6": "",
                                 "iTblCellPlaceholder6": "",
                                 "iColWidth3": "10",
                                 "g_iTableCol_§6": true,
                                 "iColShow7": true,
                                 "iTblHeadTextAlign7": "center",
                                 "iTblTextAlign7": "center",
                                 "iTblCellFormat7": "normal",
                                 "iTblCellImageSize7": "200",
                                 "iTblCellBooleanCheckbox7": "false",
                                 "iTblCellBooleanColorFalse7": "#ff0000",
                                 "iTblCellBooleanColorTrue7": "#00ff00",
                                 "iTblCellNumberDecimals7": "2",
                                 "iTblCellNumberDecimalSeperator7": ".",
                                 "iTblCellNumberThousandSeperator7": ",",
                                 "iTblCellThresholdsDp7": "",
                                 "iTblCellThresholdsText7": "",
                                 "iColName7": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">\nØ-Tritt-<br>frequenz<br>(U/min.)",
                                 "iColName8": "",
                                 "iColName9": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Ø-Leistung<br>(in W)",
                                 "iColName10": "",
                                 "iColName11": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Ø-Speed<br>(in km/h)",
                                 "iColName12": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">max-Speed<br>(in km/h)",
                                 "iColName13": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Bergauf<br>(in m)",
                                 "iColShow15": "true",
                                 "iTblHeadTextAlign15": "center",
                                 "iTblTextAlign15": "left",
                                 "iTblCellFormat15": "normal",
                                 "iTblCellImageSize15": "200",
                                 "iTblCellBooleanCheckbox15": "false",
                                 "iTblCellBooleanColorFalse15": "#ff0000",
                                 "iTblCellBooleanColorTrue15": "#00ff00",
                                 "iTblCellNumberDecimals15": "2",
                                 "iTblCellNumberDecimalSeperator15": ".",
                                 "iTblCellNumberThousandSeperator15": ",",
                                 "iTblCellThresholdsDp15": "",
                                 "iTblCellThresholdsText15": "",
                                 "iColShow16": "true",
                                 "iTblHeadTextAlign16": "center",
                                 "iTblTextAlign16": "left",
                                 "iTblCellFormat16": "normal",
                                 "iTblCellImageSize16": "200",
                                 "iTblCellBooleanCheckbox16": "false",
                                 "iTblCellBooleanColorFalse16": "#ff0000",
                                 "iTblCellBooleanColorTrue16": "#00ff00",
                                 "iTblCellNumberDecimals16": "2",
                                 "iTblCellNumberDecimalSeperator16": ".",
                                 "iTblCellNumberThousandSeperator16": ",",
                                 "iTblCellThresholdsDp16": "",
                                 "iTblCellThresholdsText16": "",
                                 "iColName14": "<p style=\"line-height:18px; font-size:16px;font-weight:normal\">Bergab<br>(in m)",
                                 "iColAttr4": "",
                                 "iVertScroll": false,
                                 "iTblDummyRow": ""
                             },
                             "style": {
                                 "left": "258px",
                                 "top": "77px",
                                 "z-index": "6",
                                 "width": "995px",
                                 "height": "130px",
                                 "font-size": "14px",
                                 "line-height": "12px",
                                 "font-weight": "bold"
                             },
                             "widgetSet": "vis-inventwo"
                         }
                     },
                     "name": "Fahrrad_Route",
                     "rerender": false,
                     "filterList": []
                  }
                  

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

                    @liv-in-sky

                    tausche diesen Scriptteil aus:

                                var string = '<!DOCTYPE html>\n<html>\n<head>\n<title>Simple Leaflet Map</title>\n<meta charset="utf-8" />\n'
                                string = string + '<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="crossorigin=""/></head>\n'
                                string = string + '<body>\n<div id="map" style="width: 980px; height: 530px"></div>\n<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="crossorigin=""></script>\n<script>\n'
                                string = string + "var map = L.map('map').setView([" + center_gps + "], " + zoom + ");\n"
                                string = string + "mapLink = '<a href=" + '"http://openstreetmap.org"' + ">OpenStreetMap</a>';\n"
                                string = string + "L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {attribution: '&copy; ' + mapLink + ' Contributors', maxZoom: 18,}).addTo(map);\n"
                                string = string + "var latlngs = [" + poly + "];\nvar polyline = L.polyline(latlngs, {color: 'blue', weight: 3, opacity: .7, lineJoin: 'round'}).addTo(map);\n"
                                string = string + "map.fitBounds(polyline.getBounds());\n"
                                string = string + '</script>\n</body>\n</html>'
                    
                    

                    Dann wird durch
                    fitbounds
                    die Karte automatisch gezoomt. Die Strecke ist dann komplett im Bildschirm.

                    mfg
                    Dieter

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

                      @bahnuhr danke dir - schaue mir das morgen an - weißt du zufällig, wie man text postionieren kann ? ansonsten schaue ich in die doku

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

                        @liv-in-sky
                        ja, müsste so gehen:

                        var marker = L.marker([-41.29042, 174.78219])
                                    .addTo(map)
                                    .bindPopup("<b>Te Papa</b><br>Museum of New Zealand.")
                                    .openPopup();
                        

                        Anbei eine gute Anleitung:
                        https://leanpub.com/leaflet-tips-and-tricks/read

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

                          @bahnuhr

                          die marker mag ich nicht 😞

                          dachte eher an sowas - falls du es brauchen kannst (123)

                          Image 077.png

                          https://gis.stackexchange.com/questions/360293/add-something-into-l-circlemarker

                          einen style-tag einfügen

                                    integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
                                    crossorigin=""/></head>
                          <body>
                          
                          <style>
                            .circle-with-txt {
                              position: relative;
                              color: red;
                              font-size: 12px;
                              font-weight: bold;
                              width: 40px;
                              height: 40px;
                            }
                            .txt {
                              margin: 0;
                              position: absolute;
                              top: 50%;
                              left: 50%;
                              -ms-transform: translate(-50%, -50%);
                              transform: translate(-50%, -50%);
                              font-size: 16px;
                            }
                          </style>
                          
                          

                          das script im script-tag:

                              <script>
                          
                          function circleWithText(latLng, txt, circleOptions) {
                            var icon = L.divIcon({
                              html: '<div class="txt">' + txt + '</div>',
                              className: 'circle-with-txt',
                              iconSize: [40, 40]
                            });
                            var circle = L.circleMarker(latLng, circleOptions);
                            var marker = L.marker(latLng, {
                              icon: icon
                            });
                            var group = L.layerGroup([circle, marker]);
                            return(group);
                          }
                          

                          der aufruf:

                          circleWithText([48.495144, 11.7066], '123', {radius: 30}).addTo(map);
                          
                          bahnuhr 1 Reply Last reply Reply Quote 1
                          • bahnuhr
                            bahnuhr Forum Testing Most Active @liv-in-sky last edited by

                            @liv-in-sky
                            hab das ganze nun mal mit google maps probiert.

                            Was ich noch nicht hinbekomme ist das Thema: fitbounds.

                            Vielleicht hast du mal ein Bespiel (oder jemand anders).

                            mfg

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

                              @bahnuhr
                              du bist mir meilen voraus - ich kann immer nur eine halbe stunde etwas machen und das ist nicht sehr effektiv - fitbounds sagt mir noch nicht mal was 😞

                              bisher habe ich mal das erzeugt - route wurde heute gefahren

                              Image 080.png

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

                                @bahnuhr sagte in maps mit Streckendarstellung:

                                fitbounds.

                                weiß nicht, ob du das mal testen willst

                                habe mal in chatgpt eingegeben (aber nicht getestet):

                                was ist fitbounds in der leaflet bibliothek

                                und anschliessend :

                                geht das auch mit polyline

                                Image 082.png

                                vielleicht findest du da was brauchbares

                                ich brauche es ja mit circles, da mir die punkte als route besser gefallen - mal sehen, wann ich zum testen komme

                                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:

                                  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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            409
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

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