diff --git a/vcm/config.json b/vcm/config.json index 0d4b10323ec4b0f1adedd713436c727b5f5e63d5..767071e4d931632fdb1001f4b6f27693905b80fc 100644 --- a/vcm/config.json +++ b/vcm/config.json @@ -1597,6 +1597,27 @@ } }, "heightAboveGround": 0 + },{ + "name": "AreaRosen", + "url": "./datasource-data/Areas/Rosenstein.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": "ProjektOne", "url": "./datasource-data/locations/ProjektOne.geojson", @@ -1682,6 +1703,28 @@ }, "heightAboveGround": 0 }, + { + "name": "LocationRosen", + "url": "./datasource-data/Areas/RosenPoint.geojson", + "type": "vcs.vcm.layer.GeoJSON", + "datasourceId": "...", + "activeOnStartup": false, + "exclusive": false, + "projection": { + "epsg": "4326", + "proj4": "" + }, + "altitudeMode": "relativeToGround", + "style": { + "image": { + "icon": { + "src": "./images/icons/locationSM.png", + "scale": 0.5 + } + } + }, + "heightAboveGround": 0 + }, { "name": "LocationNordB", "url": "./datasource-data/Areas/NordBPoint.geojson", diff --git a/vcm/css/menu.css b/vcm/css/menu.css index 9a6cf09f8587fd9527381e213ca470a616a9eea3..917beb219dd5f78aced3a951e2c90222bbb48140 100644 --- a/vcm/css/menu.css +++ b/vcm/css/menu.css @@ -419,6 +419,7 @@ ul > li { .mySlidesNord {display: none;} +.mySlidesRosen {display: none;} /* Slideshow container */ @@ -427,6 +428,11 @@ ul > li { position: relative; margin: auto; } +.slideshow-containerRosen { + max-width: 1000px; + position: relative; + margin: auto; +} /* Next & previous buttons */ .prevNord, .nextNord { @@ -443,18 +449,39 @@ ul > li { border-radius: 0 3px 3px 0; user-select: none; } - +.prevRosen, .nextRosen { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 18px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; +} /* Position the "next button" to the right */ .nextNord { right: 0; border-radius: 3px 0 0 3px; } +.nextRosen { + right: 0; + border-radius: 3px 0 0 3px; +} /* On hover, add a black background color with a little bit see-through */ .prevNord:hover, .nextNord:hover { background-color: rgba(0,0,0,0.8); } +.prevRosen:hover, .nextRosen:hover { + background-color: rgba(0,0,0,0.8); +} + /* Caption text */ .textNord { background-color: #f2f2f2; @@ -467,6 +494,17 @@ ul > li { width: 100%; text-align: center; } +.textRosen { + background-color: #f2f2f2; + font-size: 15px; + padding: 8px 12px; + position: absolute; + color: #121212; + border:1px solid #121212; + bottom: 12px; + width: 100%; + text-align: center; +} /* Number text (1/3 etc) */ .numbertextNord { @@ -476,6 +514,13 @@ ul > li { position: absolute; top: 0; } +.numbertextRosen { + color: #f2f2f2; + font-size: 12px; + padding: 8px 12px; + position: absolute; + top: 0; +} /* The dots/bullets/indicators */ .dotNord { @@ -488,10 +533,22 @@ ul > li { display: inline-block; transition: background-color 0.6s ease; } - +.dotRosen { + cursor: pointer; + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} .activeNord, .dotNord:hover { background-color: #717171; } +.activeRosen, .dotRosen:hover { + background-color: #717171; +} /* Fading animation .fade { @@ -516,3 +573,6 @@ ul > li { .prevNord, .nextNord,.textNord {font-size: 11px} } +@media only screen and (max-width: 300px) { + .prevRosen, .nextRosen,.textRosen {font-size: 11px} +} diff --git a/vcm/datasource-data/Areas/NordB.geojson b/vcm/datasource-data/Areas/NordB.geojson index 3c4705a2c0d7cbc231fda4496a858c9e0975e79c..8e87f09c75e78a2d861b4cc1e7910023110bede9 100644 --- a/vcm/datasource-data/Areas/NordB.geojson +++ b/vcm/datasource-data/Areas/NordB.geojson @@ -1 +1,120 @@ -{"id": "jgKFYFqbbJ75AZh7N", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.184371706772756,48.80545670995855,-0.04459010074576062],[9.18365242534862,48.80471134396359,-0.04515842679275412],[9.181955170013715,48.79320613080114,-0.04655025513040267],[9.189119216197073,48.7895439811561,-0.058663212923508894],[9.20465766029263,48.79887699239717,-0.026895486653995323],[9.195496930550881,48.802476180381376,-0.0336649600151736],[9.184371706772756,48.80545670995855,-0.04459010074576062]]]},"properties":{},"vcsMeta":{},"id":"3szWZqYtBeR6mZAW5BLjj4fi"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround","style":{"type":"vector","fill":{"color":[235,196,0,0.4]},"stroke":{"color":[235,196,0,0.4],"width":1.25,"lineDash":null},"text":{"font":"bold 18px sans-serif","fill":{"color":[51,51,51,1]},"textBaseline":"bottom","offsetY":-15,"offsetX":0},"image":{"scale":1,"fill":{"color":[235,196,0,0.4]},"radius":5,"stroke":{"color":[0,0,0,1],"width":1,"lineDash":null}}}}} \ No newline at end of file +{ + "id":"jgKFYFqbbJ75AZh7N", + "type":"FeatureCollection", + "features":[ + { + "type":"Feature", + "geometry":{ + "type":"Polygon", + "coordinates":[ + [ + [ + 9.184371706772756, + 48.80545670995855, + -0.04459010074576062 + ], + [ + 9.18365242534862, + 48.80471134396359, + -0.04515842679275412 + ], + [ + 9.181955170013715, + 48.79320613080114, + -0.04655025513040267 + ], + [ + 9.189119216197073, + 48.7895439811561, + -0.058663212923508894 + ], + [ + 9.20465766029263, + 48.79887699239717, + -0.026895486653995323 + ], + [ + 9.195496930550881, + 48.802476180381376, + -0.0336649600151736 + ], + [ + 9.184371706772756, + 48.80545670995855, + -0.04459010074576062 + ] + ] + ] + }, + "properties":{ + + }, + "vcsMeta":{ + + }, + "id":"3szWZqYtBeR6mZAW5BLjj4fi" + } + ], + "featureType":"simple", + "vcsMeta":{ + "version":"1.0", + "altitudeMode":"clampToGround", + "style":{ + "type":"vector", + "fill":{ + "color":[ + 235, + 196, + 0, + 0.4 + ] + }, + "stroke":{ + "color":[ + 235, + 196, + 0, + 0.4 + ], + "width":1.25, + "lineDash":null + }, + "text":{ + "font":"bold 18px sans-serif", + "fill":{ + "color":[ + 51, + 51, + 51, + 1 + ] + }, + "textBaseline":"bottom", + "offsetY":-15, + "offsetX":0 + }, + "image":{ + "scale":1, + "fill":{ + "color":[ + 235, + 196, + 0, + 0.4 + ] + }, + "radius":5, + "stroke":{ + "color":[ + 0, + 0, + 0, + 1 + ], + "width":1, + "lineDash":null + } + } + } + } +} \ No newline at end of file diff --git a/vcm/datasource-data/Areas/RosenPoint.geojson b/vcm/datasource-data/Areas/RosenPoint.geojson new file mode 100644 index 0000000000000000000000000000000000000000..8122625db6d89ad4053fc0c68794da1310185497 --- /dev/null +++ b/vcm/datasource-data/Areas/RosenPoint.geojson @@ -0,0 +1,29 @@ +{ + "id":"fh56Xp8G2kXxYf6dR", + "type":"FeatureCollection", + "features":[ + { + "type":"Feature", + "geometry":{ + "type":"Point", + "coordinates":[ + 9.198725443268025, + 48.79828607364777, + -0.06657158959490908 + ] + }, + "properties":{ + + }, + "vcsMeta":{ + + }, + "id":"xw34SpQsmc4ESoFXq5HJb8Am" + } + ], + "featureType":"simple", + "vcsMeta":{ + "version":"1.0", + "altitudeMode":"clampToGround" + } +} \ No newline at end of file diff --git a/vcm/datasource-data/Areas/Rosenstein.geojson b/vcm/datasource-data/Areas/Rosenstein.geojson new file mode 100644 index 0000000000000000000000000000000000000000..81cf52682f6d73459823581dbec5d8606723964d --- /dev/null +++ b/vcm/datasource-data/Areas/Rosenstein.geojson @@ -0,0 +1,136 @@ +{ + "type":"FeatureCollection", + "features":[ + { + "type":"Feature", + "properties":{ + + }, + "geometry":{ + "type":"Polygon", + "coordinates":[ + [ + [ + 9.194741249084473, + 48.80146474331681 + ], + [ + 9.19379711151123, + 48.80104073563307 + ], + [ + 9.194912910461426, + 48.799938298880214 + ], + [ + 9.194698333740234, + 48.79798777449725 + ], + [ + 9.194183349609375, + 48.79598063399826 + ], + [ + 9.192852973937988, + 48.794340938499076 + ], + [ + 9.191393852233885, + 48.79360588518862 + ], + [ + 9.19281005859375, + 48.79188129476322 + ], + [ + 9.203581809997559, + 48.7984118079891 + ], + [ + 9.203882217407227, + 48.799118522509964 + ], + [ + 9.198861122131348, + 48.801351674951604 + ], + [ + 9.198217391967772, + 48.80126687351045 + ], + [ + 9.196157455444336, + 48.80188874741608 + ], + [ + 9.194741249084473, + 48.80146474331681 + ] + ] + ] + } + } + ], + "featureType":"simple", + "vcsMeta":{ + "version":"1.0", + "altitudeMode":"clampToGround", + "style":{ + "type":"vector", + "fill":{ + "color":[ + 235, + 196, + 0, + 0.4 + ] + }, + "stroke":{ + "color":[ + 235, + 196, + 0, + 0.4 + ], + "width":1.25, + "lineDash":null + }, + "text":{ + "font":"bold 18px sans-serif", + "fill":{ + "color":[ + 51, + 51, + 51, + 1 + ] + }, + "textBaseline":"bottom", + "offsetY":-15, + "offsetX":0 + }, + "image":{ + "scale":1, + "fill":{ + "color":[ + 235, + 196, + 0, + 0.4 + ] + }, + "radius":5, + "stroke":{ + "color":[ + 0, + 0, + 0, + 1 + ], + "width":1, + "lineDash":null + } + } + } + } +} \ No newline at end of file diff --git a/vcm/images/Rosen/001.jpg b/vcm/images/Rosen/001.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dc46a151fdf5cba3f5422cb688eae00ab22cd75e Binary files /dev/null and b/vcm/images/Rosen/001.jpg differ diff --git a/vcm/images/Rosen/002.jpg b/vcm/images/Rosen/002.jpg new file mode 100644 index 0000000000000000000000000000000000000000..458f76d7c7a946f0d6b477239906a9e56864897d Binary files /dev/null and b/vcm/images/Rosen/002.jpg differ diff --git a/vcm/images/thumbnails/Rosen_thumb_001.jpg b/vcm/images/thumbnails/Rosen_thumb_001.jpg new file mode 100644 index 0000000000000000000000000000000000000000..be4329bac320aeda3852d55a68c45cd2585817bf Binary files /dev/null and b/vcm/images/thumbnails/Rosen_thumb_001.jpg differ diff --git a/vcm/images/thumbnails/Rosen_thumb_002.jpg b/vcm/images/thumbnails/Rosen_thumb_002.jpg new file mode 100644 index 0000000000000000000000000000000000000000..dc46a151fdf5cba3f5422cb688eae00ab22cd75e Binary files /dev/null and b/vcm/images/thumbnails/Rosen_thumb_002.jpg differ diff --git a/vcm/index.html b/vcm/index.html index 137b2efbbe5de7e8cac5900dbfe437519e903bb5..9d1a9033543478f0974c2e5f93c2c39cec673953 100644 --- a/vcm/index.html +++ b/vcm/index.html @@ -344,9 +344,9 @@ </div> <div id="heatdemandgraphID" style="margin-bottom:2em;"> - </div> + </div> <div id="main_heatdem"> - + </div> <p class="contentOne">Der Graph vergleicht beispielhaft zwei Gebäude bezüglich ihres monatlichen @@ -669,7 +669,23 @@ <img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%"> </div> --> </div> - + <div class="row3"> + <div style="cursor:pointer;" id="btn_rosen" + onclick="removebuildings();addcont('main_nordbstuff3');RosensteinText();setpositionVAR(false);zoomtop('RosensteinPage');historyRosen();newPlan()" + class="column3"> + <h3 class="top-left">Rosenstein</h3> + <img class="imagecol3" src="images/thumbnails/Rosen_thumb_001.jpg" alt="Forest" + style="width:100%"> + </div> + <div class="column23"> + <p style="padding-top: 0em; margin-top: 0em;" class="contentOne">Hier geht es zum Quartier + Rosenstein!</p> + </div> + <!-- <div style="cursor:pointer;" onclick="NoiseText(true);setpositionVAR(false);" class="column3"> + <h3 class="top-left">Akkustik Projekt</h3> + <img class="imagecol3" src="images/projects/noise1.png" alt="Mountains" style="width:100%"> + </div> --> + </div> <h3>Archiv</h3> <div class="row3"> <div style="cursor:pointer;" id="btn_bock" @@ -1098,6 +1114,80 @@ <!-- <div id="slider-color"></div> --> </div> <!-- ======================================================================================================================================================================== --> + <!-- Rosenstein --> + <div id="RosensteinPage" class="SideInfo" style="display:none;"> + <h1 class="headOne" id="headRosen">Rosenstein</h1> + <div class="slideshow-containerRosen"> + + <div class="mySlidesRosen fadeRosen"> + <div class="numbertextRosen">1 / 2</div> + <img src="images/Rosen/001.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;"> + <div class="textRosen">Foto des Rosensteinquartiers</div> + </div> + + <div class="mySlidesRosen fadeRosen"> + <div class="numbertextRosen">2 / 2</div> + <img src="images/Rosen/002.jpg" style="width:100%;border-radius: 10px;border: 1px solid black;"> + <div class="textRosen">Städtebauliches Konzept für das Rosensteinquartier (Grafik: asp + Architekten GmbH) + </div> + </div> + <a class="prevRosen" onclick="plusSlidesRosen(-1)">❮</a> + <a class="nextRosen" onclick="plusSlidesRosen(1)">❯</a> + </div> + <br> + <div style="text-align:center"> + <span class="dotNord" onclick="currentSlideNord(1)"></span> + <span class="dotNord" onclick="currentSlideNord(2)"></span> + + </div> + + <h3>Das Rosenstein-Viertel</h3> + + <p class="contentOne">Die Fläche, die mit der Fertigstellung des neuen Hauptbahnhofs frei wird, bietet + für die Stadt Stuttgart enormes Potenzial. Ein Quartier soll entstehen, das nachhaltig und + klimagerecht ist und dabei leben, arbeiten und wohnen verbindet. Die Arbeitsgemeinschaft asp + Architekten GmbH und Koeber Landschaftsarchitektur GmbH gingen mit ihrem städtebaulichen Konzept als + Sieger aus dem Internationalen städtebaulichen Wettbewerb Rosenstein hervor. </p> + + <div id="nordbplanung3"> + </div><br> + <h3>Spezifischer Wärmebedarf</h3> + <p class="contentOne">Der spezifische Wärmebedarf (Wärmebedarf pro Quadrat Meter pro Jahr) wurde mit + SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br> + <p class="contentOne">Der Energienutzungsaspekt kann nur bedingt herangezogen werden, da die Gebäude + sehr unterschiedliche Nutzungen haben.</p> + <div id="unconstrained2"></div><br> + <span class="example-val" id="unconstrained-values2"></span> + + <div class='my-legend addition'> + <div class='legend-title'>in [kWh/m²·a] </div> + <div class='legend-scale addition2'> + <ul class='legend-labels'> + <li class="One" id="One2"><span class="rectangle" + style='background:#38943d;'></span>min-100</li> + <li class="Two" id="Two2"><span class="rectangle" + style='background:#699438;'></span>100-200</li> + <li class="Three" id="Three2"><span class="rectangle" + style='background:#d0d40b;'></span>200-300</li> + <li class="Four" id="Four2"><span class="rectangle" + style='background:#db6f09;'></span>300-400</li> + <li class="Five" id="Five2"><span class="rectangle" + style='background:#ad0202;'></span>400-max</li> + </ul> + </div> + <!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> --> + </div> + <div id="heatdemandgraphID" style="margin-bottom:2em;"> + + </div><br> + <h3>Das Konzept der lokalen urbanen Landwirtschaft </h3> + <p class="contentOne">Die Nutzung städtischer Freiflächen, z. B. von Dächern oder Innenhöfen, für die Lebensmittelproduktion + liegt derzeit im Trend. Sie kann die lokale Versorgung mit Lebensmitteln verbessern, das Bewusstsein der Bewohner für + einen gesunden Lebensstil und die Beteiligung an der Gemeinschaft stärken und den Wärmeinseleffekt verringern. + Sie können das Urban-Farming-Konzept im Rosensteinquartier gestalten, indem Sie die folgenden Variablen eingeben:</p><br> + </div> + <!-- ======================================================================================================================================================================== --> <!-- Noise --> <div id="NoiseInfo" class="SideInfo" style="display:none;"> <!-- <h1 class="sticky" id="headNoise">Lärmdaten</h1> diff --git a/vcm/js/cus_Menu.js b/vcm/js/cus_Menu.js index fbe36b4a095603ab2736d17c29ed26ae67c47cdf..7a7b9bffb96f168bc5bec1f5fdf0684250e96422 100644 --- a/vcm/js/cus_Menu.js +++ b/vcm/js/cus_Menu.js @@ -219,15 +219,27 @@ function addcont(content){ } else if (content == "main_nordbstuff"){ var nordb = document.getElementById('nordbplanung') var other = document.getElementById('nordbplanung2') + var other2 = document.getElementById('nordbplanung3') other.innerHTML = "" nordb.innerHTML = "" + other2.innerHTML = "" nordb.innerHTML = nordbstuff } else if (content == "main_nordbstuff2"){ var nordb = document.getElementById('nordbplanung2') + var other2 = document.getElementById('nordbplanung3') var other = document.getElementById('nordbplanung') other.innerHTML = "" nordb.innerHTML = "" + other2.innerHTML = "" nordb.innerHTML = nordbstuff2 + }else if (content == "main_nordbstuff3"){ + var other2 = document.getElementById('nordbplanung2') + var nordb = document.getElementById('nordbplanung3') + var other = document.getElementById('nordbplanung') + other.innerHTML = "" + other2.innerHTML = "" + nordb.innerHTML = "" + nordb.innerHTML = nordbstuff } @@ -297,4 +309,36 @@ function showSlidesNord(n) { } slides[slideIndexNord-1].style.display = "block"; dots[slideIndexNord-1].className += " activeNord"; +} + + + + +var slideIndexRosen = 1; +showSlidesRosen(slideIndexRosen); + +// Next/previous controls +function plusSlidesRosen(n) { + showSlidesRosen(slideIndexRosen += n); +} + +// Thumbnail image controls +function currentSlideRosen(n) { + showSlidesRosen(slideIndexRosen = n); +} + +function showSlidesRosen(n) { + var i; + var slides = document.getElementsByClassName("mySlidesRosen"); + var dots = document.getElementsByClassName("dotRosen"); + if (n > slides.length) {slideIndexRosen = 1} + if (n < 1) {slideIndexRosen = slides.length} + for (i = 0; i < slides.length; i++) { + slides[i].style.display = "none"; + } + for (i = 0; i < dots.length; i++) { + dots[i].className = dots[i].className.replace(" activeRosen", ""); + } + slides[slideIndexRosen-1].style.display = "block"; + // dots[slideIndexRosen-1].className += " activeRosen"; } \ No newline at end of file diff --git a/vcm/js/custom.js b/vcm/js/custom.js index 5b1898215755be6193807804e44370ed9f2df07d..ad8e645294c110a9034c28c817a80cb476cb1aa8 100644 --- a/vcm/js/custom.js +++ b/vcm/js/custom.js @@ -110,6 +110,57 @@ function mouseOut2() { } } + +document.getElementById("btn_rosen").addEventListener("mouseover", mouseOver3); +document.getElementById("btn_rosen").addEventListener("mouseout", mouseOut3); + +function mouseOver3() { + + + var layerNamesToActivate = ["AreaRosen"] + var layerNamesToActivate2 = ["LocationRosen"] + + var layers = framework.getLayers(); + + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + if(layerNamesToActivate.indexOf(layer.name) >= 0) { + layer.activate(true); + } + + } + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + if(layerNamesToActivate2.indexOf(layer.name) >= 0) { + layer.activate(true); + } + + } + +} + +function mouseOut3() { + var layerNamesToActivate = ["AreaRosen"] + var layerNamesToActivate2 = ["LocationRosen"] + + var layers = framework.getLayers(); + + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + if(layerNamesToActivate.indexOf(layer.name) >= 0) { + layer.activate(false); + } + + } + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + if(layerNamesToActivate2.indexOf(layer.name) >= 0) { + layer.activate(false); + } + } +} + + function removenoisemap(){ var heightOffset = 0.1; @@ -330,7 +381,7 @@ function showtourSpecific(specify) { document.getElementById("ProjektePage").style.display = "none"; document.getElementById("IntroProj").style.display = "none"; document.getElementById("ProjektePage").style.display = "none"; - + document.getElementById("RosensteinPage").style.display = "none"; showTour(); @@ -519,6 +570,7 @@ comp3.classList.add("leftstuff"); document.getElementById("IntroProj").style.display = "block"; document.getElementById("Expertenmodus").style.display = "none"; document.getElementById("ProjektePage").style.display = "none"; + document.getElementById("RosensteinPage").style.display = "none"; // startStory(); showTour(); var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview @@ -590,6 +642,7 @@ function NordbahnhofText() { document.getElementById("IntroProj").style.display = "none"; document.getElementById("Expertenmodus").style.display = "none"; document.getElementById("ProjektePage").style.display = "none"; + document.getElementById("RosensteinPage").style.display = "none"; showTour(); @@ -642,7 +695,69 @@ function NordbahnhofText() { element.classList.remove("fa-unlock"); // showgraph(); } +function RosensteinText() { + document.getElementById("projektOne").style.display = "none"; + document.getElementById("Energiekonzept").style.display = "none"; + document.getElementById("UmfrageOne").style.display = "none"; + document.getElementById("Navigation").style.display = "none"; + document.getElementById("NoiseInfo").style.display = "none"; + document.getElementById("NordbahnhofInfo").style.display = "none"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; + document.getElementById("ProjektePage").style.display = "none"; + document.getElementById("RosensteinPage").style.display = "block"; + + showTour(); + + var viewp = vcs.vcm.Framework.getInstance().viewpoints.NordBView + vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) + + var layer01 = ["ProjektNord"] + + + + + var framework = vcs.vcm.Framework.getInstance(); + var layers = framework.getLayers(); + + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + if(layer01.indexOf(layer.name) >= 0){ + layer.activate(false); + } else if (layerfix.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix01.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix02.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix03.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix04.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix14.indexOf(layer.name) >= 0){ + layer.activate(false); + } else if (layerfix15.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layerfix16.indexOf(layer.name) >= 0){ + layer.activate(false); + } else if (layerfix17.indexOf(layer.name) >= 0){ + layer.activate(false); + } else if (layerfix18.indexOf(layer.name) >= 0){ + layer.activate(false); + } else { + layer.activate(false); + } + } + // noisemap('offS') + unhighlightStuff(); + expstate = true; + // onoff() + var element = document.getElementById("icon_lock"); + element.classList.add("fa-lock"); + element.classList.remove("fa-unlock"); + // showgraph(); +} function NoiseText(proj) { if (proj == true){ @@ -655,6 +770,7 @@ function NoiseText(proj) { document.getElementById("IntroProj").style.display = "none"; document.getElementById("Expertenmodus").style.display = "none"; document.getElementById("ProjektePage").style.display = "none"; + document.getElementById("RosensteinPage").style.display = "none"; } showTour(); @@ -792,6 +908,7 @@ function Expert() { document.getElementById("IntroProj").style.display = "none"; document.getElementById("Expertenmodus").style.display = "block"; document.getElementById("ProjektePage").style.display = "none"; + document.getElementById("RosensteinPage").style.display = "none"; showTour(); var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview @@ -884,6 +1001,7 @@ function Projektshow(){ document.getElementById("IntroProj").style.display = "none"; document.getElementById("Expertenmodus").style.display = "none"; document.getElementById("ProjektePage").style.display = "block"; + document.getElementById("RosensteinPage").style.display = "none"; // startStory(); showTour(); var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview diff --git a/vcm/js/history.js b/vcm/js/history.js index db2257905f72ec597195a7e6e682149190e0797b..5c7f5ec3caf807fb3a53c13936fdcf4e865c4c17 100644 --- a/vcm/js/history.js +++ b/vcm/js/history.js @@ -35,6 +35,12 @@ function activateStoryFrame(pageN) { showtourSpecific("main"); setpositionVAR(false); zoomtop("projektOne"); + } else if (pageN == "7"){ + removebuildings(); + addcont("main_nordbstuff3"); + RosensteinText(); + setpositionVAR(false); + zoomtop("RosensteinPage"); } } @@ -57,6 +63,10 @@ function historyNordb() { history.pushState({ id: 5 }, "Info page", "./nordb"); } +function historyRosen() { + history.pushState({ id: 7 }, "Info page", "./rosen"); +} + function historyBock() { history.pushState({ id: 6 }, "Info page", "./bock"); }