diff --git a/vcm/Restricted/index.html b/vcm/Restricted/index.html index 4d6a50f20433d8d1228e136a9acaf1ff10084811..2d9b0952c68d5e4dab67acd6444f90d40c385da0 100644 --- a/vcm/Restricted/index.html +++ b/vcm/Restricted/index.html @@ -199,7 +199,8 @@ <!--img src="images/Logo_SV.png" width="150"--> <strong>M4_Lab</strong> <br>Platform </h1> - <button id="tourstart-btn" onclick="stopStory()" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span> + <button id="tourstart-btn" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span> + <!-- onclick="stopStory()" --> </button> </div> <div class="dialog-image-balloon"></div> diff --git a/vcm/config.json b/vcm/config.json index 8aeb7eabfa3d3aa5f80e3892578fe7bdc4750cd8..3d6599362648ea2f70bf1946f0eb1790c63331a4 100644 --- a/vcm/config.json +++ b/vcm/config.json @@ -1399,7 +1399,7 @@ "url": "./templates/ProjektOne.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1420,7 +1420,7 @@ "url": "./datasource-data/SimStadtAPI/HFTgeojson.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1441,7 +1441,7 @@ "url": "./templates/ProjektNord.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1462,7 +1462,7 @@ "url": "./templates/Questionnaire.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1484,7 +1484,7 @@ "url": "./templates/locationOne.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1506,7 +1506,7 @@ "url": "./templates/locationTwo.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1528,7 +1528,7 @@ "url": "./templates/locationThree.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1550,7 +1550,7 @@ "url": "./templates/locationFour.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1571,7 +1571,7 @@ "url": "./datasource-data/NoiseData/NoisePoint.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1592,7 +1592,7 @@ "url": "./datasource-data/NoiseData/NoisePoint29212.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1613,7 +1613,7 @@ "url": "./datasource-data/NoiseData/NoisePoint53627.geojson", "type": "vcs.vcm.layer.GeoJSON", "datasourceId": "...", - "activeOnStartup": true, + "activeOnStartup": false, "exclusive": false, "projection": { "epsg": "4326", @@ -1634,6 +1634,24 @@ "viewpoints": [ { "name": "startview", + "cameraPosition": [ + 9.23716285184178, + 48.75131694102063, + 4206.410066725947 + ], + "groundPosition": [ + 9.202167052366475, + 48.792324954027556, + -0.015615382708282836 + ], + "distance": 6717.564161812083, + "heading": 330.5867016992278, + "pitch": -38.79249343523846, + "roll": 359.87944622917144, + "animate": false, + "duration": null + },{ + "name": "startviewold", "cameraPosition": [ 9.294727619997023, 48.743362022865426, @@ -1688,19 +1706,37 @@ { "name": "NordBView", "cameraPosition": [ - 9.196706687392629, - 48.787236688854634, - 452.8161295397872 + 9.19696405550799, + 48.78784759891215, + 1318.825765327693 + ], + "groundPosition": [ + 9.192146166607126, + 48.79758414747685, + -0.008340825616477128 + ], + "distance": 1742.7773169788625, + "heading": 341.897347669739, + "pitch": -49.18296423616011, + "roll": 359.90895317319524, + "animate": true + }, + { + "name": "NoiseView", + "cameraPosition": [ + 9.188803797808673, + 48.76369960676335, + 2993.6913996570756 ], "groundPosition": [ - 9.197929833190297, - 48.7971060262033, - -0.004254466513807599 + 9.168040781562212, + 48.7739788342598, + -0.010738878502259798 ], - "distance": 1190.703214339934, - "heading": 4.680790508536784, - "pitch": -22.356993435657433, - "roll": 0.016861192553048996, + "distance": 3549.674918014162, + "heading": 306.83911854733026, + "pitch": -57.50660072842872, + "roll": 359.71478980270297, "animate": true } ] diff --git a/vcm/index.html b/vcm/index.html index e6eaf1f442b95d676fbb6e2013dda8c7e8065a9f..cdf20570cbaeb1c7bbf738f0eff6065bdde6fa5c 100644 --- a/vcm/index.html +++ b/vcm/index.html @@ -304,9 +304,9 @@ <!--img src="images/Logo_SV.png" width="150"--> <strong>M4_Lab</strong> <br>Platform </h1> - <button id="tourstart-btn" onclick="stopStory(); removebuildings();" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span> + <button id="tourstart-btn" onclick="removebuildings(); Introshow();" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span> </button> - <!-- getNAVcar(); -------Test back to start: getFlow();getFlowtest();getTraffic(); --> + <!-- stopStory(); getNAVcar(); -------Test back to start: getFlow();getFlowtest();getTraffic(); --> </div> <div class="dialog-image-balloon"></div> <div class="balloon-left-edge"></div> @@ -315,7 +315,11 @@ <!-- Content Tour --> <div id="tour-frame" style="display: none; overflow-y: scroll;"> <div class="tour-top-navi" style="z-index:99"> - <a href="#" onclick="goHome()" id = "testing" class=" top-nav buttonset one btn_home"><i class="fa fa-home"></i>Home</a> + <a href="#" onclick="Introshow()" id = "testing" class=" top-nav buttonset one btn_home"><i class="fa fa-home"></i> Zurück zum Intro</a> + <a href="#" onclick="showtourSpecific('menu')" id = "testing" class=" top-nav buttonset one btn_home"><i class="fa fa-code-fork"></i> Böckingerstraße</a> + <a href="#" onclick="NordbahnhofText()" id = "testing" class=" top-nav buttonset one btn_home"><i class="fa fa-code-fork"></i> Nordbahnhof</a> + <a href="#" onclick="NoiseText()" id = "testing" class=" top-nav buttonset one btn_home"><i class="fa fa-code-fork"></i> Akkustik Projekt</a> + <a href="#" onclick="Expert()" id = "testing" style="float:right;margin-right:2em;" class=" top-nav buttonset one btn_home"><i class="fa fa-lock"></i> Experten Modus</a> <!-- <a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a> <a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a> <a href="#projects" id="back" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Back to Projekt View 3</a> --> @@ -331,6 +335,201 @@ <a href="#story_start" class="top-nav buttonset one"><i class="fa fa-arrow-up"></i></a> --> </div> + <!-- Expertenmodus-.-------------------------- + ======================================================================================================= --> + <div id="Expertenmodus" class="SideInfo" style="display:none;"> + + <h1 class="sticky" id="headOne">Expertenmodus der Plattform</h1> + <div class="dropdown" style="float: right; right:20px"> + + <i class="fa fa-bars" id="dropdownMenu" onclick="onoff()" style="font-size:1.8rem;color: black !important; margin-top:1rem;"></i> + + <div id = "loadermain" class="loader" style="margin-right: 40px; margin-top: 40px; margin-left: -50px; + margin-top: -40px; + height: 40px; + width: 40px; + position: absolute;"></div> + </div> + + <div id="menustuff" class="hidden"> + <button class="accordion">Partizipation</button> + <div class="sub-menu"> + <a href="#" onclick="showtourSpecific('menu')">Böckingerstraße</a> + </div> + <button class="accordion">Energy</button> + <div class="sub-menu"> + <a href="#" onclick="EnergiekonzeptFunction('nothing')">Stöckach</a> + + <a href="#" onclick="nordbahnview()">Nordbahnhof</a> + </div> + <button class="accordion">Acoustics</button> + <div class="sub-menu"> + <a><strong>Lärmkarten:</strong></a><br> + <a href="#">Straße</a><br> + <button id ="btn_StreetDay" onclick="noisemap('Streetday')">Day</button> + <button id ="btn_StreetNight" onclick="noisemap('Streetnight')">Night</button> + <button id ="btn_StreetOff" onclick="noisemap('offS')">Off</button><br> + + + <!-- <div class="switch-toggle switch-3 switch-candy"> + <button id ="btn_StreetDay">Day</button> + <input id="on" name="state-d" type="radio" checked="" /> + <label for="on" onclick="noisemap('Streetday')">Day</label> + + <input id="na" name="state-d" type="radio" /> + <label for="na" onclick="noisemap('Streetnight')">Night</label> + + <input id="off" name="state-d" type="radio" checked="checked" /> + <label for="off" onclick="noisemap('offS')">OFF</label> + + </div><br> --> + <a href="#">Bahn</a><br> + <button id ="btn_RailDay" onclick="noisemap('Railday')">Day</button> + <button id ="btn_RailNight" onclick="noisemap('Railnight')">Night</button> + <button id ="btn_RailOff" onclick="noisemap('offR')">Off</button> + <br><br> + <a><strong>Noise Sensors (Live):</strong></a><br> + <button id ="btn_NoiseSensOn" onclick="noisesens('on')">On</button> + <button id ="btn_NoiseSensOff" onclick="noisesens('off')">Off</button><br><br> + <a><strong>Noise Sensors (historisch):</strong></a><br> + <button id ="btn_NoiseSensOpen" onclick="NoiseText();">Open</button><br> + <!-- <div class="switch-toggle switch-3 switch-candy"> + + <input id="onR" name="state-d" type="radio" checked="" /> + <label for="onR" onclick="noisemap('Railday')">Day</label> + + <input id="naR" name="state-d" type="radio" /> + <label for="naR" onclick="noisemap('Railnight')">Night</label> + + <input id="offR" name="state-d" type="radio" checked="checked" /> + <label for="offR" onclick="noisemap('offR')">OFF</label> + + </div> --> + </div> + + <button class="accordion">Mobility</button> + <div class="sub-menu"> + <a href="#" onclick="" >Bauarbeiten</a><br> + <button class = "btn_on" onclick="getAccidents('CONSTRUCTION')">On</button> + <button class = "btn_off" onclick="deleteAccidents('CONSTRUCTION')">Off</button><br> + + + <!-- <div class="switch-toggle switch-3 switch-candy"> + + <input id="acc-on" name="state-d" type="radio" checked="" /> + <label for="on" onclick="getAccidents('CONSTRUCTION')">ON</label> + + <input id="acc-off" name="state-d" type="radio" checked="true"/> + <label for="na" onclick="deleteAccidents('CONSTRUCTION')">OFF</label> + + </div><br> --> + <a href="#" onclick="" >Straßenschließungen</a><br> + <button class = "btn_on" onclick="getAccidents('ROAD_CLOSURE')">On</button> + <button class = "btn_off" onclick="deleteAccidents('ROAD_CLOSURE')">Off</button><br> + + <!-- <div class="switch-toggle switch-3 switch-candy"> + + <input id="road-on" name="state-d" type="radio" checked="" /> + <label for="on" onclick="getAccidents('ROAD_CLOSURE')">ON</label> + + <input id="road-off" name="state-d" type="radio" checked="true"/> + <label for="na" onclick="deleteAccidents('ROAD_CLOSURE')">OFF</label> + + </div> --> + <a href="#">Verkehrsflow</a><br> + <button class = "btn_on" onclick="drawFlow()">On</button> + <button class = "btn_off" onclick="deleteFlow()">Off</button><br> + + <!-- <div class="switch-toggle switch-3 switch-candy"> + + <input id="flow-on" name="state-d" type="radio" checked="" /> + <label for="on" onclick="drawFlow()">ON</label> + + <input id="flow-off" name="state-d" type="radio" checked="true"/> + <label for="na" onclick="deleteFlow()">OFF</label> + + </div> --> + </div> + <button class="accordion" onclick="Navigationshow();getPosition();" >Navigation</button> + <button class="accordion" onclick="simstadtget();" >SimStadt</button> + <!-- <button class="accordion" onclick="NoiseText();" >STA Noise</button> --> + <!-- <div class="sub-menu"> + <a href="#" onclick="Navigationshow();getPosition();" >Car</a> + <div class="switch-toggle switch-3 switch-candy"> + + <input id="acc-on" name="state-d" type="radio" checked="" /> + <label for="on" onclick="drawnavcar()">ON</label> + + <input id="acc-off" name="state-d" type="radio" checked="true"/> + <label for="na" onclick="">OFF</label><br><br> + + </div><br> + + </div> --> + + + </div> + + + </div> + <!-- INTRO-.-------------------------- + ======================================================================================================= --> + <div id="IntroProj" class="SideInfo" style="display:none;"> + + <h1 class="sticky" id="headOne">Intro zu unserer Plattform</h1> + + <p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben + im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum + und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern + genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich + auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource + gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung + festlegt. Aber wie kann man solche Gemeingüter in einem sich neu + entwickelnden Quartier implementieren?</p> + <p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit + lokalen Akteuren erarbeitet und ausprobiert. <br> + Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation, + Programm und Bau - führen Interviews, erarbeiten ein Programm + und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag + gemeinsam mit Bewohnern und Nachbarn.</p><br> + <p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere + gesamte Woche in der Böckinger Straße.</p><br> + <p>@les_stuttgart</p> + <p>#ibasummerschool2019 #howtocommons #experiment</p> + <!--Projekts--> + <h2>Unsere Projekte</h2> + <div class="row"> + <div class="column"> + <h3>Böckinger Straße</h3> + <img src="images/projects/bockinger.PNG" alt="Snow" style="width:100%"> + </div> + <div class="column"> + <h3>Nordbahnhof</h3> + <img src="images/projects/nordbahn.PNG" alt="Forest" style="width:100%"> + </div> + <div class="column"> + <h3>Akkustik Projekt</h3> + <img src="images/projects/noise.PNG" alt="Mountains" style="width:100%"> + </div> + </div> + + + <p class="contentOne"><Strong>TEAM KOMMUNIKATION</Strong> arbeitet direkt mit den Anwohnern zusammen. + Wer sind relevante Akteure? Welches Potential bringen neue Akteure mit? + Welche Art der Kommunikation braucht es? In Interviews werden Bedürfnisse + und Wünsche für das zukünftige Quartier abgefragt und gemeinsam + eine Kommunikationsstrategie erarbeitet.<br> + <strong>TEAM PROGRAMM</strong> beschäftigt sich damit, wie man die gegenwärtigen und + zukünftigen Bewohner*innen des Quartiers aktivieren kann, Gemeingüter + zu entwickeln und zu nutzen. Welche Aktivitäten gibt es bereits vor Ort? + Wo finden sie statt? Und durch welches Programm kann man Akteure + zusammen bringen?<br> + <strong>TEAM BAU</strong> gestaltet eine bauliche Intervention, die von den Nachbarn + gemeinschaftlich im Sinne eines Urban Common genutzt werden kann. + Was fehlt noch? Welche bauliche Intervention kann die Bildung von urban + commons unterstützen? Und was bleibt am Ende zurück?</p> + + </div> <!-- Projekt 1 ======================================================================================================= --> <div id="projektOne" class="SideInfo" style="display:none;"> @@ -781,6 +980,7 @@ vcs.vcm.Framework.activateLogging(); vcs.vcm.Framework.loadConfig('config.json'); </script--> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src='lib/vcm_ui.js'></script> <script src="js/SimStadtApi_stud.js"></script> <script src="js/here.js"></script> diff --git a/vcm/templates/custom.js b/vcm/templates/custom.js index 52a18f8f5d66d769b6bc155d489f0a191ec0baa3..4fd49c3fa12878ea19bf61f99d78852234247b08 100644 --- a/vcm/templates/custom.js +++ b/vcm/templates/custom.js @@ -4,7 +4,8 @@ // // document.body.style.webkitTransform = scale; // Chrome, Opera, Safari // // document.body.style.msTransform = scale; // IE 9 // // document.body.style.transform = scale; // General -$("#tour-button").hide(); +// $("#tour-button").hide(); + removebuildings(); // remove footer document.querySelector('footer').style = 'display: none'; @@ -47,6 +48,12 @@ function stopStory() { // }; } +var layerfix = ["test"] +var layerfix01 = ["StuttgartLocal"] +var layerfix02 = ["StuttgartPart"] +var layerfix03 = ["Openstreetmap layer"] +var layerfix04 = ["WMS layer"] + function showtourSpecific(specify) { if (specify == 'menu'){ vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.Böckingerstraße) @@ -60,8 +67,51 @@ function showtourSpecific(specify) { document.getElementById("Energiekonzept").style.display = "none"; document.getElementById("Navigation").style.display = "none"; document.getElementById("projektOne").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; showTour(); + + var layer01 = ["LocationFour"] + var layer02 = ["LocationThree"] + var layer03 = ["LocationTwo"] + var layer04 = ["LocationOne"] + var layer05 = ["Questionnaire"] + + + 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(true); + } else if (layer02.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer03.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer04.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer05.indexOf(layer.name) >= 0){ + layer.activate(true); + } 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 { + layer.activate(false); + } + } + unhighlightStuff(); + noisemap('offS') + expstate = true; + onoff() } @@ -110,6 +160,8 @@ function EnergiekonzeptFunction(content){ document.getElementById("Navigation").style.display = "none"; document.getElementById("projektOne").style.display = "none"; document.getElementById("Energiekonzept").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; showTour(); if (content =="main"){ @@ -215,6 +267,8 @@ function Questionnaire() { document.getElementById("NoiseInfo").style.display = "none"; document.getElementById("Navigation").style.display = "none"; document.getElementById("UmfrageOne").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; showTour(); } @@ -230,6 +284,46 @@ function goHome(){ vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) } +function Introshow(){ + document.getElementById("projektOne").style.display = "none"; + document.getElementById("Energiekonzept").style.display = "none"; + document.getElementById("UmfrageOne").style.display = "none"; + document.getElementById("NoiseInfo").style.display = "none"; + document.getElementById("Navigation").style.display = "none"; + document.getElementById("NordbahnhofInfo").style.display = "none"; + document.getElementById("IntroProj").style.display = "block"; + document.getElementById("Expertenmodus").style.display = "none"; + // startStory(); + showTour(); + var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview + vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) + unhighlightStuff(); + var framework = vcs.vcm.Framework.getInstance(); + var layers = framework.getLayers(); + + for (var i = 0; i< layers.length; i++) { + var layer = layers[i]; + 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 { + layer.activate(false); + } + } + noisemap('offS') + unhighlightStuff(); + // document.getElementById("tour-frame").style.display = "block"; + expstate = true; + onoff() +} + function Navigationshow() { document.getElementById("projektOne").style.display = "none"; document.getElementById("Energiekonzept").style.display = "none"; @@ -237,6 +331,8 @@ function Navigationshow() { document.getElementById("NoiseInfo").style.display = "none"; document.getElementById("Navigation").style.display = "block"; document.getElementById("NordbahnhofInfo").style.display = "none"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; showTour(); } @@ -248,11 +344,47 @@ function NordbahnhofText() { document.getElementById("Navigation").style.display = "none"; document.getElementById("NoiseInfo").style.display = "none"; document.getElementById("NordbahnhofInfo").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "none"; showTour(); - showgraph(); + showgraph(); + 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(true); + } 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 { + layer.activate(false); + } + } + noisemap('offS') + unhighlightStuff(); + expstate = true; + onoff() } + function NoiseText() { document.getElementById("projektOne").style.display = "none"; document.getElementById("Energiekonzept").style.display = "none"; @@ -260,9 +392,113 @@ function NoiseText() { document.getElementById("Navigation").style.display = "none"; document.getElementById("NordbahnhofInfo").style.display = "none"; document.getElementById("NoiseInfo").style.display = "block"; + document.getElementById("IntroProj").style.display = "none"; showTour(); + + var viewp = vcs.vcm.Framework.getInstance().viewpoints.NoiseView + vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) + + var layer01 = ["NoiseLocation"] + var layer02 = ["NoiseLocation29212"] + var layer03 = ["NoiseLocation53627"] + + 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(true); + } else if (layer02.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer03.indexOf(layer.name) >= 0){ + layer.activate(true); + } 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 { + layer.activate(false); + } + } + noisemap('Streetday') + unhighlightStuff(); // HistNoiseData("49368"); + + expstate = true; + onoff() } +function Expert() { + 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("NordbahnhofInfo").style.display = "none"; + document.getElementById("NoiseInfo").style.display = "none"; + document.getElementById("IntroProj").style.display = "none"; + document.getElementById("Expertenmodus").style.display = "block"; + showTour(); + + var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview + vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) + + var layer01 = ["NoiseLocation"] + var layer02 = ["NoiseLocation29212"] + var layer03 = ["NoiseLocation53627"] + var layer04 = ["ProjektNord"] + var layer05 = ["LocationFour"] + var layer06 = ["LocationThree"] + var layer07 = ["LocationTwo"] + var layer08 = ["LocationOne"] + var layer09 = ["Questionnaire"] + + 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(true); + } else if (layer02.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer03.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer04.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer05.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer06.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer07.indexOf(layer.name) >= 0){ + layer.activate(true); + }else if (layer08.indexOf(layer.name) >= 0){ + layer.activate(true); + } else if (layer09.indexOf(layer.name) >= 0){ + layer.activate(true); + } 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 { + layer.activate(false); + } + } + + unhighlightStuff(); + // HistNoiseData("49368"); +} diff --git a/vcm/templates/story/virtualcitystory.js b/vcm/templates/story/virtualcitystory.js index 595db31a0d5819f2549b20e47a16155fc7f8f024..ce6cb537ea5a58870221bb3ededb87e7ceb33295 100644 --- a/vcm/templates/story/virtualcitystory.js +++ b/vcm/templates/story/virtualcitystory.js @@ -67,7 +67,7 @@ var startStory = function() { } else { $("#tour-button").hide(); } - showMap(); + // showMap(); }; var setupItems = function(data) {