Navigation

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

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    maps mit Streckendarstellung

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

      @liv-in-sky
      anbei erster Entwurf.
      Damit kannst du bestimmt schon etwas anfangen.

      
      // Script um aus den DP vom Adapter "bosch-ebike" eine MAP zu erstellen und den Weg zu zeichnen
      // bahnuhr, 03_2024
      
      
      // Variablen
          var poly ="";       // hier werden die GPS gespeichert
          var trip = "03";    // DP bei den Objekten der eingelesen werden soll: bosch-ebike.0.trips.xx.details
          var logging = true;
          var center_gps = "53.465, 11.71";    // Mittelpunkt der Karte
          var zoom = 17                       // Zoom der Karte
          var pfad = "route.html"             // Dateiname - wird in vis.0 gespeichert
      
      // GPS einlesen und der Variablen poly zuweisen
          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++) {
              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: 1200px; height: 800px"></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", "/" + pfad, string, (error) => {
              if (logging) log('Datei "route.html" gespeichert!');
          });
      
      
      
      
      1 Reply Last reply Reply Quote 0
      • bahnuhr
        bahnuhr Forum Testing Most Active last edited by

        @liv-in-sky
        @OliverIO
        oder andere

        Gibt es einen JS Befehl mit dem man ein widget (o.g. iframe) neu laden kann ?

        Ja, man könnte die view wechseln und dann wieder zurück oder beim widget update eingeben (dann flackert das iframe aber).

        1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            731
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

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