Skip to content

GitLab

Commit 09c2b77e authored by Patrick's avatar Patrick
Browse files

some css update

parent a0a558fb
Hide whitespace changes
Inline Side-by-side
vcm/config.json
View file @ 09c2b77e
......@@ -2002,7 +2002,7 @@
"style": {
"image": {
"icon": {
"src": "./icons/Umfrage_Button_transpHintergrund_türkis.png",
"src": "./icons/Umfrage_Button_neon.png",
"scale": 0.3
}
}
......
vcm/config_mobile.json 0 → 100644
View file @ 09c2b77e
{
"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": false,
"type": "vcs.vcm.maps.Cesium",
"webGLaa": false
},
{
"name": "Openlayers Map",
"startingmap": true,
"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='noch kein bild' 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='noch kein bild' width='375'>",
"</div>",
"<% Questionnaire(); %>",
"<% 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='noch kein bild' width='375'>",
"</div>",
"<% Questionnaire(\"1\"); %>"
],
"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='noch kein bild' width='375'>",
"</div>",
"<% Questionnaire(\"2\"); %>"
],
"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='noch kein bild' width='375'>",
"</div>",
"<% Questionnaire(\"3\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": ["MK_allgUmfrage"]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"potA\")' id='myBalloon'>",
" <h1 class='balloon-title'>Potenzialort im Bereich A</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich A</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"potA\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_potBereichA"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"schule\")' id='myBalloon'>",
" <h1 class='balloon-title'>Schulen</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"schule\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multSchule"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"kinder\")' id='myBalloon'>",
" <h1 class='balloon-title'>Kindertagesstätte</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"kinder\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multKinder"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"chor\")' id='myBalloon'>",
" <h1 class='balloon-title'>Chorvereinigung</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"chor\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multChor"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"musik\")' id='myBalloon'>",
" <h1 class='balloon-title'>Musikverein</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"musik\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multMusik"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"kult\")' id='myBalloon'>",
" <h1 class='balloon-title'>Kulturkreis Weilimdorf</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"kult\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multKult"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>",
" <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"forum\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multForum"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"musik\")' id='myBalloon'>",
" <h1 class='balloon-title'>Tanzkreis Weilimdorf</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"musik\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multTanz"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"TSVW\")' id='myBalloon'>",
" <h1 class='balloon-title'>TSV Weilimdorf (in Giebel ansässig, ggf. Fusion mit SG Weilimdorf)</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"TSVW\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multTSVW"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"SGW\")' id='myBalloon'>",
" <h1 class='balloon-title'>SG Weilimdorf</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"SGW\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_multSGW"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>",
" <h1 class='balloon-title'>Chloroplast e.V.</h1>",
" <div class='balloon-content' style='height:100px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>Text fehlt...</span><br></p>",
"</div>",
"<% showbereich(\"chloroplast\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_chloroplast"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"potB\")' id='myBalloon'>",
" <h1 class='balloon-title'>Potenzialort im Bereich B</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich B</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Bereich_B_pot.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"potB\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_potBereichB"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"potC\")' id='myBalloon'>",
" <h1 class='balloon-title'>Potenzialort im Bereich C</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich C</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Bereich_C_pot.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"potC\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_potBereichC"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"plangebiet\")' id='myBalloon'>",
" <h1 class='balloon-title'>Erschließung des Plangebiets</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier geht es um die Erschließung des Plangebiets</span><br></p>",
"<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"plangebiet\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Plangebiet"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"A\")' 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/MK_Images/A_Kita.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"A\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_bereichA",
"AreaFour"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Grüner Korridor</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zum grünen Korridor</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Korridor"
]
},{
"template": [
"<div class='balloon' onclick='showbereich(\"jugendhaus\")' 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='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"jugendhaus\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Jugendhaus"
]
},{
"template": [
"<div class='balloon' onclick='showbereich(\"walz\")' id='myBalloon'>",
" <h1 class='balloon-title'>Areal der ehem. Gärtnerei Walz</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu der ehem. Gärtnerei Walz</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"walz\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Walz"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Haltestelle U13</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zur U13</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_U13.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_U13"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Aktuelle Gebäudenutzung</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu der aktuellen Gebäudenutzung</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_Sportangebot.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Gebaeudenutzung"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Bestehende Sportfelder</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zu den bestehenden Sportfeldern</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Bereich_B_sport.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Sportfelder"
]
},{
"template": [
"<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>",
" <h1 class='balloon-title'>Bürgerhaus</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zum Bürgerhaus</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"burgerhaus\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Buergerhaus"
]
},{
"template": [
"<div class='balloon' onclick='showbereich(\"fluchtling\")' id='myBalloon'>",
" <h1 class='balloon-title'>Flüchtlingsunterkunft</h1>",
" <div class='balloon-content' style='height:310px; margin-right: 0px;'",
" </div>",
"<p class='balloon-text'><span>hier stehen Infos zur Flüchtlingsunterkunft</span><br></p>",
"<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"fluchtling\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Fluechtling"
]
},{
"template": [
"<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
" <h1 class='balloon-title'>Jugend</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/AJugendhausParkour.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showtourSpecific() %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Jugendhaus_multi"
]
},{
"template": [
"<div class='balloon' onclick='showbereich(\"kindertag\")' 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='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"kindertag\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_Spatzennest"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"B\")' 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/MK_Images/Bereich_B.jpg' alt='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"B\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_bereichB",
"AreaThree"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"C\")' 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='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"C\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_bereichC",
"AreaOne"
]
},
{
"template": [
"<div class='balloon' onclick='showbereich(\"D\")' 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='noch kein bild' width='375'>",
"</div>",
"<% showbereich(\"D\") %>",
"<% %>"
],
"minTop": "balloonHeight + 10",
"minLeft": "70",
"layerTypes": [
""
],
"layerNames": [
"MK_bereichD",
"AreaTwo"
]
},
{
"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/fehlt.jpg' alt='noch kein bild' 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/fehlt.jpg' alt='noch kein bild' 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/fehlt.jpg' alt='noch kein bild' 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/fehlt.jpg' alt='noch kein bild' 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": "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": "AreaTwo",
"url": "./templates/Area2.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
},
{
"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_multSchule",
"url": "./marker/mult_schulen.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multKinder",
"url": "./marker/mult_kindertag.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multChor",
"url": "./marker/mult_Chor.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multMusik",
"url": "./marker/mult_Musik.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multKult",
"url": "./marker/mult_Kult.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multForum",
"url": "./marker/mult_Forum.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multTanz",
"url": "./marker/mult_Tanz.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multTSVW",
"url": "./marker/mult_TSVW.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_multSGW",
"url": "./marker/mult_SGW.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_chloroplast",
"url": "./marker/mult_chloro.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_potBereichA",
"url": "./marker/pot_bereichA.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_potBereichB",
"url": "./marker/pot_bereichB.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_potBereichC",
"url": "./marker/pot_bereichC.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"name": "MK_Plangebiet",
"url": "./marker/Plangebiet.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},
{"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_BereichA_lila.png",
"scale": 0.3
}
}
},
"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_BereichB_orange.png",
"scale": 0.3
}
}
},
"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_BereichCgrün.png",
"scale": 0.3
}
}
},
"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_BereichDgrau.png",
"scale": 0.3
}
}
},
"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/Umfrage_Button_transpHintergrund_türkis.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Fluechtling",
"url": "./marker/Fluechtlingsunterkunft.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Buergerhaus",
"url": "./marker/Buergerhaus.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Gebaeudenutzung",
"url": "./marker/aktGebaeudenutzung.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Sportfelder",
"url": "./marker/Sportfelder.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Korridor",
"url": "./marker/Korridor.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_U13",
"url": "./marker/u13.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"heightAboveGround": 0
},{
"name": "MK_Walz",
"url": "./marker/walz.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"exclusive": false,
"projection": { "epsg": "4326", "proj4": ""},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./icons/Türkis_Info.png",
"scale": 0.3
}
}
},
"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/Türkis_Info.png",
"scale": 0.3
}
}
},
"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/Türkis_multiplikatoren.png",
"scale": 0.3
}
}
},
"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/Türkis_Info.png",
"scale": 0.3
}
}
},
"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/Weilimdorf2/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": ""
}
],
"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
}
]
}
\ No newline at end of file
vcm/css/vcm.css
View file @ 09c2b77e
......@@ -1310,6 +1310,24 @@ a.monument{
text-shadow: 0 0 3px #000000;
font-family: "Droid Sans", Droid, Arial, sans-serif;
}
@media screen and (max-height: 55em /*dont know*/){
.balloon-content {
overflow: auto;
max-height: 40rem;
}
#balloon_logo01{
width: 55%
}
#balloon_logo02{
width: 45%
}
#balloon_logo03{
width: 65%
}
#balloon_logo04{
width: 25%
}
}
@media screen and (max-height: 48em /*768px*/){
.balloon-content {
overflow: auto;
......@@ -1431,8 +1449,14 @@ a.monument{
@media screen and (min-width:30em /*480px*/) {
.balloon-content {
overflow: auto;
max-height: 25rem;
/* overflow: auto; */
max-height: 95%;
}
#balloon-startscreen.balloon{
margin-top:5%;
max-height: 70%;
max-width: 94%;
}
.balloon:before {
content: "";
......
vcm/index.html
View file @ 09c2b77e
......@@ -729,15 +729,22 @@
<link href="templates/sliders.css" rel="stylesheet">
<script src="templates/limesurvey.js"></script>
<!-- <script src="templates/checkmobile.js"></script> -->
<script>
var startVCM = function() {
if(document.getElementById("check").checked === true){
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config.json');
} else {
alert("Bitte bestätigen Sie die Nutzungsbedingungen.");
}
if(document.getElementById("check").checked === true){
if (window.mobilecheck == true) {
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config_mobile.json');
} else{
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config_mobile.json');
}
} else {
alert("Bitte bestätigen Sie die Nutzungsbedingungen.");
}
}
</script>
......@@ -754,7 +761,7 @@
<script src="templates/cus_SimStadt.js"></script>
<script src="templates/collapse.js"></script>
<script src="templates/checkmobile.js"></script>
<script src="templates/layerSwitch.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
......
vcm/templates/custom.js
View file @ 09c2b77e
......@@ -19,6 +19,7 @@ var showEinleitung = function(){
document.getElementById("iconlist").style.display = "block";
document.getElementById("detAnleitung").style.display = "block";
document.getElementById("einlP02").scrollIntoView();
// startVCM();
}
// $(function () {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal