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 Plattform"
    }
  },
  "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='testshow()' id='myBalloon'>","   <h1 class='balloon-title'>'Test'</h1>","   <div class='balloon-content' style='height:290px; margin-right: 0px;'","   </div>","<p class='balloon-text'><span><a href='https://www.google.com/search?rlz=1C1CHBF_enDE811DE811&sxsrf=ALeKk01gRMo1LE6p2j5dnHH-eZa1E2I_TA%3A1604050697035&ei=Cd-bX7fRAY62Us68iYAC&q=test&oq=test&gs_lcp=CgZwc3ktYWIQAzIECCMQJzIECCMQJzIGCCMQJxATMgcIABCxAxBDMgQIABBDMgQIABBDMgIIADIFCAAQsQMyBQgAELEDMgcIABAUEIcCOgcIABBHELADUKEvWKEvYP4vaABwAHgAgAFLiAGHAZIBATKYAQCgAQGqAQdnd3Mtd2l6yAEIwAEB&sclient=psy-ab&ved=0ahUKEwj3-f2_gtzsAhUOmxQKHU5eAiAQ4dUDCA0&uact=5' target='_blank'q>link text</a>This is a test</span><br></p>",
      "<iframe src='https://www.steg.de/' ></iframe>",
      "</div>","<%  %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100005"]},
        {"template": ["<div class='balloon' onclick='testshow()' 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>", "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='Simply Easy Learning' width='370'>","</div>","<%  %>"],"minTop": "balloonHeight","minLeft": "60","layerTypes": [""],"layerNames": ["100004"]},
        {"template": [
          "<div class='balloon' onclick='testshow()' 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",
          "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",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaOne"]
        },
        {"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",
          "minLeft": "70",
          "layerTypes": [""],
          "layerNames": ["AreaThree"]
        },

        {
          "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='myBalloon'>",
          "   <h1 class='balloon-title'>Online Befragung</h1>",
          "   <div class='balloon-content' style='height:260px; margin-right: 0px;'",
          "   </div>",
          "<p class='balloon-text'><span>Was sind Ihre Vorstellungen?</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": ["MK_allgUmfrage"]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Bereich A</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier geht es um Bereich A</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_bereichA",
            "AreaFour"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Jugendhaus</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier stehen Infos zum Jugendhaus</span><br></p>",
            "<img style='padding-top:10px' src='images/MK_Images/Info_Jugendhaus.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_Jugendhaus"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Jugendhaus Multiplikator</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier stehen Infos zum Jugendhaus</span><br></p>",
            "<img style='padding-top:10px' src='images/MK_Images/Info_Jugendhaus.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_Jugendhaus_multi"
          ]
        },{
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Spatzennest</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier geht es um das Spatzennest</span><br></p>",
            "<img style='padding-top:10px' src='images/MK_Images/Info_Spatzennest.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_Spatzennest"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Bereich B</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier geht es um Bereich B</span><br></p>",
            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_bereichB",
            "AreaThree"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Bereich C</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier geht es um Bereich C</span><br></p>",
            "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_bereichC",
            "AreaOne"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Bereich D</h1>",
            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
            "   </div>",
            "<p class='balloon-text'><span>hier geht es um Bereich D</span><br></p>",
            "<img style='padding-top:10px' src='images/MK_Images/Bereich_D.jpg' alt='Simply Easy Learning' width='375'>",

            "</div>",
            "<%  %>",
            "<% %>"
          ],
          "minTop": "balloonHeight + 10",
          "minLeft": "70",
          "layerTypes": [
            ""
          ],
          "layerNames": [
            "MK_bereichD"
          ]
        },
        {
          "template": [
            "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
            "   <h1 class='balloon-title'>Station 2</h1>",
            "   <div class='balloon-content' style='height:310px; 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>",
            "<%  %>",
            "<% %>"
          ],
          "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"
          ]
        },
        {
          "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": [
            "StuttgartLocal"
          ],
          "minTop": "balloonHeight + 30",
          "minLeft": "70",
          "allAvailable": true,
          "properties": [
            {
              "title": "DatenquelleDachhoehe",
              "name": "DatenquelleDachhoehe",
              "active": true
            },
            {
              "title": "Gemeindeschluessel",
              "name": "Gemeindeschluessel",
              "active": true
            },
            {
              "title": "DatenquelleLage",
              "name": "DatenquelleLage",
              "active": true
            },
            {
              "title": "DatenquelleBodenhoehe",
              "name": "DatenquelleBodenhoehe",
              "active": true
            },
            {
              "title": "roofType",
              "name": "roofType",
              "active": true
            },
            {
              "title": "storeysAboveGround",
              "name": "storeysAboveGround"
            },
            {
              "title": "creationDate",
              "name": "creationDate"
            },
            {
              "title": "gml:name",
              "name": "gml:name"
            },
            {
              "title": "externalReference externalObjectName",
              "name": "externalReference externalObjectName"
            },
            {
              "title": "measuredHeight",
              "name": "measuredHeight"
            },
            {
              "title": "function",
              "name": "function"
            },
            {
              "title": "Country",
              "name": "Address.Country"
            },
            {
              "title": "PostalCode",
              "name": "Address.PostalCode"
            },
            {
              "title": "City",
              "name": "Address.City"
            },
            {
              "title": "Street",
              "name": "Address.Street"
            },
            {
              "title": "HouseNumber",
              "name": "Address.HouseNumber"
            },
            {
              "title": "AddressLine",
              "name": "Address.AddressLine"
            }
          ],
          "balloonHeader": "Balloon header"
        }
      ],
      "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
    },
    {
      "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": "MK_bereichA",
      "url": "./marker/BereichA.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
    },
    {
      "name": "MK_bereichB",
      "url": "./marker/BereichB.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                     }
                },
      "heightAboveGround": 0
    },
    {
      "name": "MK_bereichC",
      "url": "./marker/BereichC.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
    },
    {
      "name": "MK_bereichD",
      "url": "./marker/BereichD.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
    },
    {
      "name": "MK_allgUmfrage",
      "url": "./marker/allgUmfrage.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/Symbol_Fragebogen.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
  },{
      "name": "MK_Jugendhaus",
      "url": "./marker/Jugendhaus.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
  },{
    "name": "MK_Jugendhaus_multi",
    "url": "./marker/Jugendhaus_multi.geojson",
    "type": "vcs.vcm.layer.GeoJSON",
    "datasourceId": "...",
    "activeOnStartup": true,
    "exclusive": false,
    "projection": {  "epsg": "4326",  "proj4": ""},
    "altitudeMode": "relativeToGround",
    "style": {
        "image": {
              "icon": {
                      "src": "./icons/multiplikatoren.png",      
                      "scale": 0.5    
                      }  
                      }
                      },
  "heightAboveGround": 0
},{
      "name": "MK_Spatzennest",
      "url": "./marker/Spatzennest.geojson",
      "type": "vcs.vcm.layer.GeoJSON",
      "datasourceId": "...",
      "activeOnStartup": true,
      "exclusive": false,
      "projection": {  "epsg": "4326",  "proj4": ""},
      "altitudeMode": "relativeToGround",
      "style": {
          "image": {
                "icon": {
                        "src": "./icons/info_button.png",      
                        "scale": 0.5    
                        }  
                        }
                        },
    "heightAboveGround": 0
  },
    {
      "name": "WeilimdorfHeight",
      "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": true,
      "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": true,
      "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": true,
      "exclusive": false,
      "projection": {
        "epsg": "4326",
        "proj4": ""
      },
      "altitudeMode": "relativeToGround",
      "style": {
        "image": {
          "icon": {
            "src": "",
            "scale": 0.5
          }
        }
      },
      "heightAboveGround": 0
    }
  ],
  "viewpoints": [
    {
      "name": "terrainview",
      "cameraPosition": [
        9.103245149494352,
        48.80153653271925,
        353.262728150414
      ],
      "groundPosition": [
        9.102275301304951,
        48.805626522635436,
        -0.001996078080079859
      ],
      "distance": 580.3057882740869,
      "heading": 351.09796755112137,
      "pitch": -37.50167889533385,
      "roll": 359.9626856341865,
      "animate": false
    },{
      "name": "awayview",
      "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": "startview",
      "cameraPosition": [
        9.102425015376122,
        48.80240454104815,
        578.1091709840822
      ],
      "groundPosition": [
        9.10174686252331,
        48.805264430069876,
        331.0755950577176
      ],
      "distance": 405.79469287934654,
      "heading": 351.0979670975734,
      "pitch": -37.50168266875528,
      "roll": 359.96268637919235,
      "animate": false
    }
  ]
}