config.json

{
  "mapcontainer": "vcs_map_container",
  "locale": "en",
  "availableLocales": [
    "de",
    "en"
  ],
  "startViewPoint": "startview",
  "projection": {
    "epsg": 31463,
    "proj4": "+proj=tmerc +lat_0=0 +lon_0=9 +k=1 +x_0=3500000 +y_0=0 +ellps=bessel +datum=potsdam +units=m +no_defs"
  },
  "ui": {
    "startRoute": null,
    "content": {
      "show": true,
      "iframe": {
        "contentPosition": "center",
        "contentPositionFixed": false,
        "show": true
      },
      "legend": {
        "contentPosition": "left",
        "contentPositionFixed": false,
        "show": true
      }
    },
    "search": {
      "activeOnStartup": false
    },
    "toolbox": {
      "show": true,
      "homeButton": {
        "show": true
      },
      "mapButtons": {
        "show": true
      },
      "widgetButtons": {
        "show": true
      },
      "overviewMap": {
        "show": true
      }
    },
    "metaLinks": {
      "links": [
        {
          "url": {
            "de": "templates/de/impressum.html",
            "en": "templates/en/impressum.html"
          },
          "title": {
            "de": "Impressum",
            "en": "Imprint"
          },
          "target": "iframe"
        },
        {
          "url": {
            "de": "templates/de/datenschutzhinweise.html",
            "en": "templates/en/datenschutzhinweise.html"
          },
          "title": {
            "de": "Datenschutz",
            "en": "Privacy"
          },
          "target": "iframe"
        }
      ]
    },
    "mapControls": {
      "show": true,
      "Navigation": {
        "show": true
      },
      "Shadow": {
        "show": true
      }
    },
    "footer": {
      "logoBox": {
        "show": true,
        "text": null
      },
      "show": true
    },
    "header": {
      "headerButtons": {
        "show": true,
        "help": true
      },
      "show": true,
      "logoBox": null,
      "title": "M4_Lab Platform"
    }
  },
  "selectBehavior": {
    "highlightStyle": {
      "selectionset": {
        "color": "rgb(63, 81, 181)"
      },
      "currentItem": {
        "color": "rgb(244, 67, 54)",
        "pointStyle": {
          "icon": {
            "scale": 1,
            "src": "{layerIcon}"
          }
        },
        "lineStyle": {
          "color": "rgb(131, 245, 44)",
          "width": 1.25
        },
        "polygonStyle": {
          "fill": {
            "color": "rgba(255, 255, 255, 0.4)"
          },
          "stroke": {
            "color": "rgb(131, 245, 44)",
            "width": "1"
          }
        }
      }
    }
  },
  "maps": [
    {
      "name": "Cesium Map",
      "startingmap": true,
      "type": "vcs.vcm.maps.Cesium",
      "webGLaa": false
    },
    {
      "name": "Openlayers Map",
      "startingmap": false,
      "type": "vcs.vcm.maps.Openlayers"
    }
  ],
  "widgets": [
    {
      "type": "vcs.vcm.widgets.AdvancedWalkMode",
      "name": "Advanced walkmode"
    },
    {
      "type": "vcs.vcm.widgets.BalloonInfo",
      "name": "Balloon Info",
      "balloonTypes": [
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "FavPlaces"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Write your Comment here:</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div><textarea id='favoritText' rows='4' cols='50' maxlength='250'>Bitte geben Sie hier Ihre Gedanken ein.</textarea></div>",
            "<button id='FavSaveButton' type='button' onclick='this.disabled=true;disableButton();saveFavPoint();' class='top-nav buttonset one btn_home btn_size' style='text-decoration: none;'>Speichern</button>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "favpoint"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'><%= obj.title %></h1>",
            "   <div class='balloon-content'>",
            "       <%= obj.description %>",
            "   </div>",
            "   <div class='balloon-close-col'>",
            "       <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "   </div>",
            "   <div class='dialog-image-balloon'></div>",
            "   <div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "minTop": "balloonHeight + 70",
          "minLeft": "70",
          "layerNames": [],
          "layerTypes": [
            "vcs.vcm.layer.Vector"
          ]
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'><%= obj.name %></h1>",
            "   <div class='balloon-content'>",
            "       <%= obj.description %>",
            "   </div>",
            "   <div class='balloon-close-col'>",
            "       <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "   </div>",
            "   <div class='dialog-image-balloon'></div>",
            "   <div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "minTop": "balloonHeight + 70",
          "minLeft": "70",
          "layerNames": [],
          "layerTypes": [
            "vcs.vcm.layer.cesium.Gltf"
          ]
        },
        {
          "comment": "Default Balloon for Planning Vector Layers",
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "</div>",
            "<div class='balloon-close-col'><button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div><div class='dialog-image-balloon'></div><div class='balloon-left-edge'></div></div>"
          ],
          "minTop": "balloonHeight + 70",
          "minLeft": "70",
          "layerNames": [],
          "layerTypes": [
            "vcs.vcm.layer.FeatureStore"
          ],
          "allAvailable": false,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "FLOW"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "CONSTRUCTION"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Navigation Car</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "CarRoute"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Navigation Public</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "PublicRoute"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "ROAD_CLOSURE"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "Böckingerstrasse"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [],
          "balloonHeader": "Balloon header"
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "Rosenstein"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [
            {
              "title": "creationDate",
              "name": "creationDate"
            },
            {
              "title": "gml:name",
              "name": "gml:name"
            }
          ],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "Streetnight"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [
            {
              "title": "creationDate",
              "name": "creationDate"
            },
            {
              "title": "gml:name",
              "name": "gml:name"
            }
          ],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "Streetday"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [
            {
              "title": "creationDate",
              "name": "creationDate"
            },
            {
              "title": "gml:name",
              "name": "gml:name"
            }
          ],
          "balloonHeader": "Balloon header"
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "<div class='balloon-content'>",
            "<h1 class='balloon-title'>Balloon header</h1>",
            "<% for (var key in obj) { %>",
            "<% if (obj[key] instanceof Object){%>",
            "<% for (var key2 in obj[key]) { %>",
            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
            "<% } %>",
            "<% } else{ %>",
            "<p class='balloon-text'>",
            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
            "</p>",
            "<% } %>",
            "<% } %>",
            "</div>",
            "<div class='balloon-close-col'>",
            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
            "</div>",
            "<div class='dialog-image-balloon'></div>",
            "<div class='balloon-left-edge'></div>",
            "</div>"
          ],
          "layerTypes": [
            null
          ],
          "layerNames": [
            "Stöckach"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [
            {
              "title": "creationDate",
              "name": "creationDate"
            },
            {
              "title": "gml:name",
              "name": "gml:name"
            }
          ],
          "balloonHeader": "Balloon header"
        },{
          "template": [
            "<div class='balloon' onclick='Questionnaire()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>",
            "   <div class='balloon-content' style='height:250px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "Questionnaire"
          ]
        },{
          "template": [
            "<div class='balloon' style='width: 200px; background-color: #3C3C3C; color: #FFFFFF;' id='myBalloon'>",
            "   <button class='infobtn' onclick='NordbahnhofText()'></button>",
            "   <h1 class='balloon-title' style='color: #FFFFFF;'>HFT SimStadt API</h1>",
            "   <div class='balloon-content' style='margin-right: 0px;'",
            "   </div>",
            "<div class='box-3'>",
            "<p>EnergyDemand</p><div class='switch'>",
            "<input type='checkbox' name='toggle' id='chxboxDemand' onclick='checkboxDemandCampus(true);'>",
            "<label for='toggle'><i></i></label>",
            "<span></span>",
            
            "</div>",
            "</div>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "HFTSimStadt"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Nordbahnhof Planungskonzept</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<img style='padding-top:10px' src='images/NordB/001.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "ProjektNord"
          ]
        },{
          "template": [
            "<div class='balloon' style='width: 200px; background-color: #3C3C3C; color: #FFFFFF;' id='myBalloon'>",
            "<button class='infobtn' id='infobtnNoise' onclick='NoiseText();'></button>",
            "   <h1 class='balloon-title' style='color: #FFFFFF;'>Noise Sensor (49368)</h1>",
            "   <div class='balloon-content' style='margin-right: 0px;'",
            "   </div>",
            "<div class='box-3'>",
            "<div class='btn btn-three' id='noiseStuff' onclick='getNoiseData(\"49368\");SetNoiseDataWaiting()'>",
            "<span>Get Noise Data</span>",
            "</div><br>",
            "<br></div><br>",

            "<p>noise_LAeq: </p><p id='noise_laeq'>&nbsp;</p><br>",
            "<p>noise_LA_min: </p><p id='noise_lamin'>&nbsp;</p><br>",
            "<p>noise_LA_max: </p><p id='noise_lamax'>&nbsp;</p><br>",
            "<span></span>",
            

            "</div>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "NoiseLocation"
          ]
        },{
          "template": [
            "<div class='balloon' style='width: 200px; background-color: #3C3C3C; color: #FFFFFF;' id='myBalloon'>",
            "<button class='infobtn' id='infobtnNoise' onclick='NoiseText();'></button>",
            "   <h1 class='balloon-title' style='color: #FFFFFF;'>Noise Sensor (53627)</h1>",
            "   <div class='balloon-content' style='margin-right: 0px;'",
            "   </div>",
            "<div class='box-3'>",
            "<div class='btn btn-three' id='noiseStuff' onclick='getNoiseData(\"53627\");SetNoiseDataWaiting()'>",
            "<span>Get Noise Data</span>",
            "</div><br>",
            "<br></div><br>",

            "<p>noise_LAeq: </p><p id='noise_laeq'>&nbsp;</p><br>",
            "<p>noise_LA_min: </p><p id='noise_lamin'>&nbsp;</p><br>",
            "<p>noise_LA_max: </p><p id='noise_lamax'>&nbsp;</p><br>",
            "<span></span>",
            

            "</div>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "NoiseLocation53627"
          ]
        },{
          "template": [
            "<div class='balloon' style='width: 200px; background-color: #3C3C3C; color: #FFFFFF;' id='myBalloon'>",
            "<button class='infobtn' id='infobtnNoise' onclick='NoiseText();'></button>",
            "   <h1 class='balloon-title' style='color: #FFFFFF;'>Noise Sensor (29212)</h1>",
            "   <div class='balloon-content' style='margin-right: 0px;'",
            "   </div>",
            "<div class='box-3'>",
            "<div class='btn btn-three' id='noiseStuff' onclick='getNoiseData(\"29212\");SetNoiseDataWaiting()'>",
            "<span>Get Noise Data</span>",
            "</div><br>",
            "<br></div><br>",

            "<p>noise_LAeq: </p><p id='noise_laeq'>&nbsp;</p><br>",
            "<p>noise_LA_min: </p><p id='noise_lamin'>&nbsp;</p><br>",
            "<p>noise_LA_max: </p><p id='noise_lamax'>&nbsp;</p><br>",
            "<span></span>",
            

            "</div>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "NoiseLocation29212"
          ]
        },
        {
          "template": [
            "<div class='balloon' id='myBalloonP1'>",
            "   <h1 class='balloon-title' onclick='EnergiekonzeptFunction(\"main\")'>Energiekonzept (Stöckach)</h1>",
            "   <div class='balloon-content' style='height:32em; width:380p;margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>Für mehr Infos klicken Sie bitte hier!</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentstoeckach/Stoeckach.jpg' usemap='#image-map' alt='Simply Easy Learning' width='375'>",

            "<map name='image-map'>",
              "<area id='mapElectricityID' alt='' title='electricity' shape='rect' coords='0,93,372,117' onclick='EnergiekonzeptFunction(\"Electricity\")'    />",
              "<area id='mapHeatID' alt='' title='heat'  shape='rect' coords='0,202,375,227' onclick='EnergiekonzeptFunction(\"heat\")'    />",
              "<area id='mapNatID' alt='' title='Nat'  shape='rect' coords='0,449,375,474' onclick='EnergiekonzeptFunction(\"Nat\")'    />",
              "<area id='mapAuxGasBoilerID' alt='' title='AuxgasBoiler'  shape='rect' coords='203,407,261,445' onclick='EnergiekonzeptFunction(\"Aux Gas Boiler\")'    />",
              "<area id='mapAuxHeaterID' alt='' title='AuxHeater' shape='rect' coords='293,254,353,291' onclick='EnergiekonzeptFunction(\"Aux Heater\")'    />",
              "<area id='mapHeatPumpID' alt='' title='HeatPump' shape='rect' coords='106,231,166,268' style='outline:none;' onclick='EnergiekonzeptFunction(\"Heat Pump\")'    />",
              "<area id='mapTubID' alt='' title='tub' shape='rect' coords='208,331,268,373' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tub\")'    />",
              "<area id='mapTankID' alt='' title='Tank' shape='rect' coords='31,286,69,332' style='outline:none;' onclick='EnergiekonzeptFunction(\"Tank\")'    />",
              "<area id='mapHouseWaterID' alt='' title='HouseWater' shape='rect' coords='220,265,258,311' style='outline:none;' onclick='EnergiekonzeptFunction(\"House Water\")'    />",
              "<area id='mapHouseElec' alt='' title='HouseElec' shape='rect' coords='216,153,257,199' style='outline:none;' onclick='EnergiekonzeptFunction(\"House with Lightning\")'    />",
              "<area id='mapSolarpanelID' alt='' title='Solarpanel' shape='rect' coords='54,0,91,39' style='outline:none;' onclick='EnergiekonzeptFunction(\"Solarpanel\")'    />",
              "<area id='mapBatterieID' alt='' title='Batterie' shape='rect' coords='234,2,282,43' style='outline:none;' onclick='EnergiekonzeptFunction(\"Batterie\")'    />",
          "</map>",
            "</div>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "ProjektOne"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Station 2</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier wurde eine Gartenkiosk errichtet.</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "LocationTwo"
          ]
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'>Umfrage</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'>Die Umfrage finden Sie im Bereich rechts.</p>",
            "</div>",
            "<%  %>",
            "<% zoomto(\"UmfrageNordb\") %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "QuestionnaireNordB"
          ]
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'>Rosenstein-Viertel</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>Mit dem Rosenstein Viertel entsteht ein neuer, nachhaltiger und klimagerechter Stadtbaustein in Stuttgart. Die gesamte Planung umfasst die freiwerdenden Gleisflächen, den Gleisbogen sowie das Gebiet an den Wagenhallen.</span><br> <a href='https://www.stuttgart.de/leben/stadtentwicklung/rosenstein-quartier.php'>Hier geht’s zum Konzept</a></p>",
            "</div>",
            "<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "InfoNordB"
          ]
        },
        {
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'>Info-Laden Rosenstein</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>Der Laden informiert über Planung und Bau des Bahnprojekts Stuttgart 21 sowie der daran anschließenden Stadt- und Landschaftsplanung und dient damit auch als Anlaufstelle.</span><br> <a href='http://infoladen-rosenstein.de/'>Hier geht’s zur Seite</a></p>",
            "</div>",
            "<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "InfoladenNordB"
          ]
        },{
          "template": [
            "<div class='balloon' id='myBalloon'>",
            "   <h1 class='balloon-title'>„Kulturschutzgebiet“</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>Das Gebiet rund um die sanierten Wagenhallen gilt als Ort der Kunst und Subkultur, an dem diverse Vereine und Initiativen kulturell und sozial nachhaltig aktiv sind. Der <a href='http://kunstverein-wagenhalle.de/'>Kunstverein Wagenhalle e.V.</a> betreibt die Ateliers innerhalb der Hallen sowie die Container City, während auf den anliegenden Grünflächen der <a href='https://www.stadtacker.de/'>Verein Stadtacker</a> zum Urban Gardening einlädt.</span><br> </p>",
            "</div>",
            "<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "WagenhalleNordB"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Station 1</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier wurde eine Spielekiosk errichtet.</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station1_spielekiosk.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "LocationOne"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Station 3</h1>",
            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",