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' onclick='' id='myBalloon'>","   <h1 class='balloon-title'>'Test'</h1>","   <div class='balloon-content' style='height:290px; margin-right: 0px;'","   </div>","<p class='balloon-text'><span>This is a test</span><br></p>","</div>","<%  %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100005"]},
        {"template": ["<div class='balloon' onclick='' id='myBalloon'>","   <h1 class='balloon-title'>'Test'</h1>","   <div class='balloon-content' style='height:290px; margin-right: 0px;'","   </div>","<p class='balloon-text'><span>This is a test</span><br></p>","</div>","<%  %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100004"]},
        {"template": [
          "<div class='balloon' onclick='' id='myBalloon'>",
          "   <h1 class='balloon-title'>Test</h1>",
          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Er wurde von einem User erstellt.</span><br></p>",
          "</div>","<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["100002"]
        },
        {"template": [
          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
          "   <h1 class='balloon-title'>Gebiet Nummer 1</h1>",
          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 1</span><br></p>",
          "</div>","<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaOne"]
        },
        {"template": [
          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
          "   <h1 class='balloon-title'>Gebiet Nummer 2</h1>",
          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 2</span><br></p>",
          "</div>","<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaTwo"]
        },
        {"template": [
          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
          "   <h1 class='balloon-title'>Gebiet Nummer 3</h1>",
          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 3</span><br></p>",
          "</div>","<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaThree"]
        },
        {"template": [
          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
          "   <h1 class='balloon-title'>Gebiet Nummer 4</h1>",
          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 4</span><br></p>",
          "</div>","<%  %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaFour"]
        },
        {
          "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": [
            "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": [
            "StuttgartLocal1"
          ],
          "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": [
            "StuttgartPart"
          ],
          "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='myBalloonP1'>",
            "   <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' onclick='Questionnaire(\"1\");' id='myBalloonP1'>",
            "   <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 1</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>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "ProjektNord"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='Questionnaire(\"2\");' id='myBalloonP1'>",
            "   <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 2</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>",
            "<%  %>"

          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "Questionnaire02"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='Questionnaire(\"3\");' id='myBalloonP1'>",
            "   <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 3</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>",
            "<%  %>"

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

            "</div>",
            "<%  %>",
            "<% openquestionaire() %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "LocationFour"
          ]
        }
      ],
      "excludedLayerNames": []
    },
    {
      "type": "vcs.vcm.widgets.Copyright"
    },
    {
      "low": {
        "sse": 4,
        "fxaa": false,
        "fog": {
          "enabled": true
        },
        "resolutionScale": 0.9,
        "layerSSEFactor": 2
      },
      "medium": {
        "sse": 2.333,
        "fxaa": false,
        "fog": {
          "enabled": true
        },
        "resolutionScale": 1,
        "layerSSEFactor": 1.1
      },
      "high": {
        "sse": 1.3333333333333333,
        "fxaa": true,
        "fog": {
          "enabled": true
        },
        "resolutionScale": 1,
        "layerSSEFactor": 0.5
      },
      "defaultQualityLevel": "medium",
      "showAdvancedSettings": false,
      "type": "vcs.vcm.widgets.DisplayQuality"
    },
    {
      "color": [
        255,
        152,
        0
      ],
      "opacity": 0.8,
      "pointRadius": 5,
      "width": 5,
      "type": "vcs.vcm.widgets.Drawing"
    },
    {
      "type": "vcs.vcm.widgets.CreateLink",
      "name": "Link Creator"
    },
    {
      "type": "vcs.vcm.widgets.Locator",
      "name": "Locator",
      "zoomDistance": 1000,
      "style": {
        "image": {
          "circle": {
            "fill": {
              "color": "rgba(255,255,255,1.0)"
            },
            "stroke": {
              "color": "rgba(0,0,0,1.0)",
              "width": 1
            },
            "radius": 5
          }
        }
      }
    },
    {
      "type": "vcs.vcm.widgets.Measurement",
      "name": "Measurements",
      "style": {
        "fill": {
          "color": [
            255,
            255,
            255,
            0.4
          ]
        },
        "stroke": {
          "color": [
            51,
            153,
            204,
            1
          ],
          "width": 1.25,
          "lineDash": null
        },
        "text": {
          "font": "18px sans-serif",
          "fill": {
            "color": [
              51,
              51,
              51,
              1
            ]
          },
          "textBaseline": "bottom",
          "offsetY": -15,
          "offsetX": 0
        },
        "image": {
          "scale": 1,
          "fill": {
            "color": [
              255,
              255,
              255,
              0.4
            ]
          },
          "radius": 5,
          "stroke": {
            "color": [
              0,
              0,
              0,
              1
            ],
            "width": 1,
            "lineDash": null
          }
        }
      },
      "decimalPlaces": 1
    },
    {
      "type": "vcs.vcm.widgets.NavigationControls",
      "name": "NavigationControls",
      "zoomFactor": 2,
      "moveFactor": 1.5,
      "animationDuration": 0.5,
      "tiltFactor": 10,
      "animation": true,
      "showZoomButtons": true,
      "showTiltButtons": true,
      "showHomeButton": true,
      "showCompass": true,
      "rotationPerFrame": 0.5
    },
    {
        "useLocalCRS": false,
        "type": "vcs.vcm.widgets.Planning",
        "serviceUrl": "http://smartvillages.online/",
        "projectId": "Q4at5xXnP93Erwtm5",
        "scenarioId": "2JQ3od8igw4LRzTR5",
        "userLocalCRS": true
      },
    {
      "type": "vcs.vcm.widgets.OverviewMap",
      "name": "Overview Map",
      "layerName": "Openstreetmap layer",
      "minimumHeight": 150,
      "cameraIcon": "",
      "activeOnStartup": false
    },
    {
      "type": "vcs.vcm.widgets.PDFCreator",
      "name": "PDF Creator"
    },
    {
      "type": "vcs.vcm.widgets.Questionnaire",
      "name": "Questionnaire"
    },
    {
      "type": "vcs.vcm.widgets.PositionDisplay",
      "name": "Position Display",
      "positionDecimalPlaces": 2,
      "template": null
    },
    {
      "type": "vcs.vcm.widgets.search.Search",
      "name": "Search",
      "autocomplete": false,
      "autocompleteRequest": null,
      "resultIcon": null,
      "searchImplementations": [
        {
          "type": "vcs.vcm.widgets.search.Nominatim",
          "name": "a62716d9-1453-4498-87ba-4c887ec49951",
          "url": "https://nominatim.openstreetmap.org/search",
          "city": null,
          "state": null,
          "countrycode": "de",
          "extent": null,
          "limit": 20
        }
      ],
      "extendedSearches": [],
      "showSearchResultToolbar": false
    },
    {
      "type": "vcs.vcm.widgets.Shadow",
      "name": "Shadows",
      "activateShadowsOnStartup": false,
      "timezone": null
    },
    {
      "type": "vcs.vcm.widgets.TransparentTerrainMode",
      "name": "Transparent terrain mode"
    },
    {
      "type": "vcs.vcm.widgets.legend.Legend",
      "children": [
        {
          "type": "vcs.vcm.widgets.legend.GroupItem",
          "title": "Positionen",
          "clickable": true,
          "startOpen": false,
          "children": [
            {
              "type": "vcs.vcm.widgets.legend.ViewpointItem",
              "viewpointName": "Böckingerstraße",
              "infoUrl": "",
              "title": "Böckingerstraße"
            },
            {
              "type": "vcs.vcm.widgets.legend.ViewpointItem",
              "viewpointName": "startview",
              "infoUrl": "",
              "title": "Stöckach"
            }
          ]
        }
      ]
    }
  ],
  "layers": [
    {
      "name": "TestTerrainWeilimdorf",
      "url": "/datasource-data/41f773d4-3e2d-4c5d-b857-ca1d9f919199",
      "type": "vcs.vcm.layer.cesium.Terrain",
      "datasourceId": "ERmRsCpzxYgZW3iia",
      "activeOnStartup": true,
      "exclusive": false,
      "requestVertexNormals": true,
      "hiddenObjectIds": [],
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      }
    },
    {"name": "100005",
      "url": "./templates/100005.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./templates/locationSM.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
  },
    {
      "name": "100004",
      "url": "./templates/100004.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {  
        "image": {    
          "icon": {      
            "src": "./templates/locationSM.png",      
            "scale": 0.5    
            }  
          }
        },
        "heightAboveGround": 0
      },
        
    {"name": "ProjektNord",
      "url": "./templates/100002.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},"altitudeMode": "relativeToGround",
        "style": {  
          "image": {    
            "icon": {      
              "src": "./templates/locationQ.png",      
              "scale": 0.5    
              }  
          }},
          "heightAboveGround": 0},
    {
      "name": "StuttgartLocal",
      "url": "./datasource-data/de2f294c-680f-4009-b0ec-ce4321e3ce77/tileset.json",
      "type": "vcs.vcm.layer.cesium.Buildings",
      "datasourceId": "zECwoSwXppPMrqfLoc",
      "activeOnStartup": true,
      "exclusive": false,
      "allowPicking": true,
      "screenSpaceError": 16,
      "screenSpaceErrorMobile": 32,
      "hiddenObjectIds": [],
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      },
          "heightAboveGround": 0
    },{
      "name": "StuttgartLocal",
      "url": "./datasource-data/Weilimdorf/tileset.json",
      "type": "vcs.vcm.layer.cesium.Buildings",
      "datasourceId": "zECwoSwXppPMrqfLoc",
      "activeOnStartup": false,
      "exclusive": false,
      "allowPicking": true,
      "screenSpaceError": 16,
      "screenSpaceErrorMobile": 32,
      "hiddenObjectIds": [],
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      }
    },
    {
      "name": "DGM2",
      "url": "./datasource-data/tileset",
      "type": "vcs.vcm.layer.cesium.Terrain",
      "datasourceId": "52hixWfozhzGYx76W",
      "activeOnStartup": false,
      "exclusive": false,
      "requestVertexNormals": true,
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      }
    },
    {
      "name": "Openstreetmap layer",
      "type": "vcs.vcm.layer.OpenStreetMap",
      "exclusive": "base",
      "activeOnStartup": false,
      "copyright": {
        "provider": "OpenStreetMap contributors",
        "url": "http://www.openstreetmap.org/",
        "year": "2018"
      },
      "hiddenObjectIds": [],
      "opacity": ""
    },
    {
      "type": "vcs.vcm.layer.Wms",
      "name": "WMS layer",
      "activeOnStartup": true,
      "exclusive": false,
      "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Luftbilder_aktuell/MapServer/WmsServer",
      "parameters": "",
      "maxLevel": 18,
      "tilingSchema": "geographic",
      "datasourceId": "",
      "hiddenObjectIds": [],
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      },
      "version": "",
      "layers": "0",
      "extent": {
        "coordinates": [
          null,
          null,
          null,
          null
        ],
        "epsg": "",
        "proj4": ""
      },
      "featureInfo": null,
      "opacity": ""
    },{
      "type": "vcs.vcm.layer.Wms",
      "name": "WMS_stadtkarte",
      "activeOnStartup": false,
      "exclusive": false,
      "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Stadtkarte_Internet/MapServer/WmsServer?",
      "parameters": "",
      "maxLevel": 18,
      "tilingSchema": "geographic",
      "datasourceId": "",
      "hiddenObjectIds": [],
      "copyright": {
        "provider": "",
        "url": "",
        "year": ""
      },
      "version": "",
      "layers": "0,1,2,3,4,5,6,7,8,9",
      "extent": {
        "coordinates": [
          null,
          null,
          null,
          null
        ],
        "epsg": "",
        "proj4": ""
      },
      "featureInfo": null,
      "opacity": ""
    },{
      "name": "AreaOne",
      "url": "./templates/Area1.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": false,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "AreaTwo",
      "url": "./templates/Area2.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": false,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "AreaThree",
      "url": "./templates/Area3.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": false,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "AreaFour",
      "url": "./templates/Area4.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": false,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "Questionnaire",
      "url": "./templates/Questionnaire.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": false,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "./templates/locationQ.png",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "Questionnaire02",
      "url": "./templates/Questionnaire02.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "./templates/locationQ.png",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    },{
      "name": "Questionnaire03",
      "url": "./templates/Questionnaire03.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "./templates/locationQ.png",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    }
  ],
  "viewpoints": [
    {
      "name": "startview",
      "cameraPosition": [
        9.100967025005438,
        48.805327418653725,
        1622.1692871652378
      ],
      "groundPosition": [
        9.100815516907067,
        48.80580223500527,
        -0.005470387031068266
      ],
      "distance": 1623.0722840495544,
      "heading": 346.7856202179552,
      "pitch": -88.09468010251818,
      "roll": 0,
      "animate": false
    },{
      "name": "stockach",
      "cameraPosition": [
        9.19880981069925,
        48.78073258586779,
        557.8946752995696
      ],
      "groundPosition": [
        9.20002319296369,
        48.78831698706695,
        -0.004286617007779517
      ],
      "distance": 1015.2020567756226,
      "heading": 6.034472681516794,
      "pitch": -33.33958313017551,
      "roll": 0.02406619855133695,
      "animate": false
    },
    {
      "name": "Böckingerstraße",
      "cameraPosition": [
        9.196550599393404,
        48.83261067736586,
        268.60746701465376
      ],
      "groundPosition": [
        9.195449041197556,
        48.83618443627386,
        -0.002184380990085289
      ],
      "distance": 486.4616122371815,
      "heading": 348.4986469535158,
      "pitch": -33.51784735784641,
      "roll": 359.9542703265667,
      "animate": true
    },
    {
      "name": "NordBView",
      "cameraPosition": [
        9.196706687392629,
        48.787236688854634,
        452.8161295397872
      ],
      "groundPosition": [
        9.197929833190297,
        48.7971060262033,
        -0.004254466513807599
      ],
      "distance": 1190.703214339934,
      "heading": 4.680790508536784,
      "pitch": -22.356993435657433,
      "roll": 0.016861192553048996,
      "animate": true
    }
  ]
}