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.
    • liv-in-sky
      liv-in-sky @bahnuhr last edited by

      @bahnuhr

      ich nehme an, du machst ein script, welches dir das html file erzeugt (abhängig von den lat und long) und dieses dann als datei speichert

      hätte interesse daran - vielleicht magst du es dann posten 🙂

      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:

        @bahnuhr

        ich nehme an, du machst ein script, welches dir das html file erzeugt (abhängig von den lat und long) und dieses dann als datei speichert

        hätte interesse daran - vielleicht magst du es dann posten 🙂

        Na klar, für dich mach ich das natürlich !
        😉

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            926
                                            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