diff --git a/vcm/config.json b/vcm/config.json index b50294da3e75b2abe275701d065b09c364cd1346..e874899f9fcc46c4498051e577b904f7f509a9fd 100644 --- a/vcm/config.json +++ b/vcm/config.json @@ -1102,7 +1102,7 @@ "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>", "</div>", - "<% %>", + "<% showbereich(\"C\") %>", "<% %>" ], "minTop": "balloonHeight + 10", diff --git a/vcm/config_safari.json b/vcm/config_safari.json new file mode 100644 index 0000000000000000000000000000000000000000..0145d875ca3fd23a221dadcb72988e01f22d66dc --- /dev/null +++ b/vcm/config_safari.json @@ -0,0 +1,2369 @@ +{ + "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='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>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='icons/umfrageImage02.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>Für mehr Informationen zum Potenzialort im Bereich A klicken Sie bitte hier!</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": [ + "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>Für mehr Informationen zu den Schulen klicken Sie bitte hier!</span><br></p>", + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Potenzialort im Bereich B klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Bereich_B_pot.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Bereich C klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Bereich_C_pot.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Plangebiet klicken Sie bitte hier!</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": [ + "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>Für mehr Informationen zum Bereich A klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/A_Kita.jpg' alt='noch kein bild' 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'>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>Für mehr Informationen zum Jugendhaus klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Info_Jugendhaus.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Areal der ehem. Gärtnerei Walz klicken Sie bitte hier!</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>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Bürgerhaus klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zur Flüchtlingsunterkunft klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Spatzennest klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Info_Spatzennest.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Bereich B klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Bereich_B.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "minTop": "balloonHeight + 10", + "minLeft": "70", + "layerTypes": [ + "" + ], + "layerNames": [ + "MK_bereichB", + "AreaThree" + ] + }, + { + "template": [ + "<div class='balloon' onclick='showbereich(\"C\")' id='myBalloon'>", + " <h1 id='bereichC' class='balloon-title'>Bereich C</h1>", + " <div class='balloon-content' style='height:310px; margin-right: 0px;'", + " </div>", + "<p class='balloon-text'><span>Für mehr Informationen zum Bereich C klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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>Für mehr Informationen zum Bereich D klicken Sie bitte hier!</span><br></p>", + "<img style='padding-top:10px' src='images/MK_Images/Bereich_D.jpg' alt='noch kein bild' width='375'>", + + "</div>", + "<% %>", + "<% %>" + ], + "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_neon.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 diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css index e2f3681c4f9db028377a1e11e2ceb1a3a0e885b0..a9b6abbe8142a40b1f13cd6d94d595acec3167af 100644 --- a/vcm/css/vcm.css +++ b/vcm/css/vcm.css @@ -1317,8 +1317,11 @@ a.monument{ font-family: "Droid Sans", Droid, Arial, sans-serif; } @media screen and (max-height: 55em /*dont know*/){ - .balloon-content { + .startcontent{ overflow: auto; + } + .balloon-content { + /* overflow: auto; */ max-height: 40rem; } #balloon_logo01{ @@ -1335,8 +1338,11 @@ a.monument{ } } @media screen and (max-height: 48em /*768px*/){ - .balloon-content { + .startcontent{ overflow: auto; + } + .balloon-content { + max-height: 32rem; } #balloon_logo01{ @@ -1416,8 +1422,11 @@ a.monument{ top: -20rem; left: 0; } - .balloon-content { + .startcontent{ overflow: auto; + } + .balloon-content { + /* overflow: auto; */ max-height: 20rem; } #balloon_logo01{ @@ -1454,8 +1463,11 @@ a.monument{ } @media screen and (min-width:30em /*480px*/) { + .startcontent{ + overflow: auto; + } .balloon-content { - overflow: auto; + /* overflow: auto; */ max-height: 95%; } #balloon-startscreen.balloon{ diff --git a/vcm/index.html b/vcm/index.html index 774396c956f174080902da2179b14d9c7491c9ed..61c34d98393244390212bb91abc0c281619e26ee 100644 --- a/vcm/index.html +++ b/vcm/index.html @@ -242,8 +242,8 @@ </header> <div id="story-frame" class="startscreen vcm-map-top"> <!-- Content Start Screen --> - <div class="balloon teaser-balloon" style="overflow-y: scroll;" id="balloon-startscreen"> - <div class="balloon-content"> + <div class="balloon teaser-balloon" id="balloon-startscreen"> + <div class="balloon-content startcontent"> <h1 class="balloon-title i18n_balloon_startscreen_title"> <!--img src="images/Logo_SV.png" width="150"--> <strong>Zukunftsdialog Weilimdorf</strong> <br> diff --git a/vcm/templates/checkmobile.js b/vcm/templates/checkmobile.js index 4b76f4a5034823fb8095f8307c714bf681b16140..f5e8556e1f076caac026eca6f1898dad2ec93acb 100644 --- a/vcm/templates/checkmobile.js +++ b/vcm/templates/checkmobile.js @@ -11,18 +11,18 @@ checkagent = function(){ // Get the user-agent string - let userAgentString = - navigator.userAgent; + let userAgentString = + navigator.userAgent; - - // Detect Safari + + // Detect Safari -let safariAgent = userAgentString.indexOf("Safari") > -1; -let chromeAgent = -userAgentString.indexOf("Chrome") > -1; -// Discard Safari since it also matches Chrome -if ((chromeAgent) && (safariAgent)) safariAgent = false; + let safariAgent = userAgentString.indexOf("Safari") > -1; + let chromeAgent = + userAgentString.indexOf("Chrome") > -1; + // Discard Safari since it also matches Chrome + if ((chromeAgent) && (safariAgent)) safariAgent = false; -return safariAgent + return safariAgent } diff --git a/vcm/templates/story/virtualcitystory.js b/vcm/templates/story/virtualcitystory.js index b1b0c2cbaf215f9aa0cdec5ec274da3ab3c4e5be..c5aa141f589842c81b0d7eaf7191d5245df028a3 100644 --- a/vcm/templates/story/virtualcitystory.js +++ b/vcm/templates/story/virtualcitystory.js @@ -132,7 +132,12 @@ vcs.vcm.Framework.getInstance().subscribe("MAP_LOADED", function() { }); var framework = vcs.vcm.Framework.getInstance(); -framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json") +if (checkagent() == true && framework.isMobile() == false){ + vcs.vcm.Framework.loadConfig("config_safari.json") +} else{ + framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json") +} + if (framework.isMobile() == true){ var drop = document.getElementById("dropdownMain") drop.classList.add('can-touch')