Commit 399bf9e8 authored by Patrick's avatar Patrick
Browse files

Updates

parent d2181f61
......@@ -314,3 +314,85 @@
#btn_backtotop:hover {
background-color: #555;
}
ul > li {
display: inline-block;
width: 5px;
/* You can also add some margins here to make it look prettier */
zoom:1;
*display:inline;
/* this fix is needed for IE7- */
}
/* The container */
.container {
display: block;
position: relative;
padding-left: 35px;
/* margin-bottom: 12px; */
cursor: pointer;
/* font-size: 22px; */
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color:#f1f1f1;
border-width: 2px;
border-radius:4px;
border:solid #424242 ;
box-shadow:0 8px 16px 0 #27272733, 0 6px 20px 0 rgb(0 0 0 / 19%);
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
background-color: #424242;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
left: 7px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
\ No newline at end of file
......@@ -223,111 +223,9 @@
</div>
</div>
<button id="men_energie" onclick="setpositionVAR(false);" type="button" class="collapsible">Energie</button>
<button id="men_energie" onclick="setpositionVAR(false);nordbahnview();" type="button" class="collapsible">Energie</button>
<div class="content">
<button id="men_energie" onclick="EnergiekonzeptFunction('nothing');" type="button" class="collapsible">Energiekonzept</button>
<div class="content subcontent">
<h1 class="headOne" id="headOne">Energie Projekt Stöckach</h1>
<p class="contentOne">In dieser Studie wurden untersucht, wie das nachhaltigste und kostengünstigste Design eines Energiesystems für das" zukünftige" EnBW-Areal aussehen könnte. Mit Hilfe eines 3D Modells (CityGML) und weiteren Tools wurde der Gesamtbedarf an Strom, Wärme und Warmwasser berechnet und die Potenziale verschiedener Technologien wie Photovoltaik, Wärmepumpen oder Batterie- und Wärmespeicher untersucht. <br> <a href="https://www.researchgate.net/publication/342355420_Concept_for_soft-linking_urban_energy_simulation_platforms_and_multi-energy_system_co-planning_models/link/5f7321ae92851c14bc9d2f45/download">mehr Infos</a></p>
<button id="energydemand" onclick="highlightFeatures('energydemand')" type="button" class="collapsible2">Energiebedarf</button>
<div class="content subcontent">
<p class="contentOne">Der jährliche Energiebedarf für Strom, Heizung und Warmwasser wird für das EnBW-Areal auf 2,88 GWh, 1,57 GWh bzw. 1,77 GWh geschätzt. </p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides2 fade">
<div class="numbertext">1 / 4</div>
<img src="images/content/contentstoeckach/img1.jpg" style="width:100%">
<div class="text">Der geschätzte stündliche Wärmeenergiebedarf (Einheit: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">2 / 4</div>
<img src="images/content/contentstoeckach/img2.jpg" style="width:100%">
<div class="text">Der geschätzte stündliche Energiebedarf für die Warmwasserbereitung (Einheit: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">3 / 4</div>
<img src="images/content/contentstoeckach/img3.jpg" style="width:100%">
<div class="text">
Elektrizitätsbedarf für Nicht-Wohnräume (Einheit: kW)</div>
</div>
<div class="mySlides2 fade">
<div class="numbertext">4 / 4</div>
<img src="images/content/contentstoeckach/img4.jpg" style="width:100%">
<div class="text">Strombedarf für Wohnen und Räume (Einheit: kW)</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1, 1)">&#10094;</a>
<a class="next" onclick="plusSlides(1, 1)">&#10095;</a>
</div>
<br>
<!-- The dots/circles -->
<!-- <div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
</div> -->
</div>
<button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible2">Solar PV Potenzial</button>
<div class="content subcontent">
<p class="contentOne">Die Studie zeigt, dass das EnBW-Areal ein realisierbares Potenzial zur Nutzung von ca. 30-35 % der Dachfläche zur lokalen Stromerzeugung aus Solar-PV hat. Infolgedessen können die energieverbrauchsbedingten CO2-Emissionen im Vergleich zum in dieser Studie bewerteten Basisszenario um ca. 30 % reduziert werden, bei 8 % geringeren Kosten. PV-Abschaltungen aufgrund von Überproduktion und Einspeisebeschränkungen könnten den Anteil der integrierten PV-Erzeugung deutlich über 35 % Durchdringungsgrad senken. Es gibt sowohl technologische als auch marktbasierte Strategien zur optimalen Integration der lokalen PV-Erzeugung. Solche Konzepte müssen jedoch weiter detailliert analysiert werden.</p>
</div>
<button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible2">Power-to-Heat über Wärmepumpe</button>
<div class="content subcontent">
<p class="contentOne">Hocheffiziente Wärmepumpen können sowohl die CO2-Emissionen als auch den Primärenergieeinsatz reduzieren. Ein direkter Vergleich zwischen Wärmepumpen und Fernwärme ist schwierig, da die Emissionen eines Fernheizwerks stark von seinem Brennstoffmix abhängen. In Stuttgart ist es üblich, einen Brennstoffmix aus Kohle, Gas und Siedlungsabfällen zur Wärmeerzeugung einzusetzen. <br>
Es ist wirtschaftlich sinnvoller, den Wärmepumpenbetrieb so zu planen, dass er den Grundlast-Heizungs- und Warmwasserbedarf deckt. Das erhöht die Auslastung der Wärmepumpe und damit die Rendite der Investition. <br>
Thermische Speicher verbessern die Auslastung der Wärmepumpenkapazität. Durch die Flexibilität der thermischen Speicher zur Deckung des Spitzenbedarfs können die Wärmepumpen für den Grundlastbetrieb leicht unterdimensioniert werden. <br>
</p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<!-- <div class="mySlides"> -->
<img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
<div class="text" style="margin-top:0em;">Die Leistung der Wärmepumpe(n) wird zur Deckung des Grundlastwärmebedarfs zugewiesen. Die Talpunkte des Wärmepumpenbetriebs werden durch thermische Speicherladevorgänge aufgefüllt, um die Auslastung der Wärmepumpe zu verbessern.</div>
<!-- </div> -->
</div>
</div>
<button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible2">Thermische Speicherung</button>
<div class="content subcontent">
<p class="contentOne">Thermische Speicher verbessern die Ausnutzung der Wärmepumpenleistung. Durch die Flexibilität der thermischen Speicher zur Deckung des Spitzenbedarfs können die Wärmepumpen für den Grundlastbetrieb leicht unterdimensioniert werden.</p>
</div>
<button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible2">Batteriespeicher </button>
<div class="content subcontent">
<p class="contentOne">Die Einführung von Batteriespeichern für Wohngebäude in Deutschland wird durch das Ziel der Eigenverbrauchsoptimierung angetrieben. Bei niedriger PV-Durchdringung kann der erzeugte PV-Strom direkt verbraucht werden, daher ist der Nutzen von Batteriesystemen geringer. Bei höheren PV-Durchdringungsgraden und wenn innovative Marktdesigns die Teilnahme von Batteriespeichersystemen ermöglichen, um andere Dienstleistungen für das Stromnetz zu erbringen, kann der Wert von Batteriespeichersystemen jedoch schnell steigen. </p>
</div>
<button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible2">Ist die lokale Energiewende wirtschaftlich wettbewerbsfähig? </button>
<div class="content subcontent">
<p class="contentOne">Die Antwort auf diese Frage hat zwei Ebenen. Die erste Ebene ist die aggregierte Machbarkeit auf Systemebene, die wir aus unserer Studie ablesen können. Die zweite Ebene ist die Verteilung des Nutzens und die wirtschaftliche Machbarkeit auf der Ebene des einzelnen Prosumenten, was eine viel tiefere Analyse erfordert. <br>
Wir sehen auf der Systemebene: Die lokale Energiewende hat eine positive Perspektive. Einige der Szenarien, die wir untersucht haben, haben ihre Gesamtinvestition innerhalb der ersten 8 Jahre wieder hereingeholt.
<br></p>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<!-- <div class="mySlides"> -->
<img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
<div class="text" style="margin-top:0em;">Vergleich der Investitionsrendite in jedem Szenario bis zum Breakeven-Punkt im Vergleich zum Basisszenario (Einheit: EUR)</div>
<!-- </div> -->
</div>
</div>
</div>
<button id="men_energie" onclick="nordbahnview();" type="button" class="collapsible">Wärmebedarf</button>
<div class="content subcontent">
<h3>Wärmebedarf</h3>
<p class="contentOne">Durch dieses Tool kann der spezifische Wärmebedarf von Gebäuden visualisiert und mithilfe der Regler Grenzwerte verändert werden. </a><br>
</p>
<div id="nordbplanung">
......@@ -340,9 +238,9 @@
<div id="unconstrained"></div><br>
<span class="example-val" id="unconstrained-values"></span>
<div class='my-legend'>
<div class='my-legend addition'>
<div class='legend-title'>in [kWh/m²·a] </div>
<div class='legend-scale'>
<div class='legend-scale addition2'>
<ul class='legend-labels'>
<li class="One" id="One"><span class="rectangle" style='background:#38943d;'></span>min-100</li>
<li class="Two" id="Two"><span class="rectangle" style='background:#699438;'></span>100-200</li>
......@@ -356,21 +254,19 @@
<div id="main_heatdem">
</div>
<p class="contentOne">Vergleich zwischen dem monatlichen Gasamtwärmebedarf der zukünftigen Gebäude und der aktuellen Gebäude.</p>
<!-- <div id="slider-color"></div> -->
</div>
<p class="contentOne">Der Graph vergleicht beispielhaft zwei Gebäude bezüglich ihres monatlichen Wärmebedarfs. Ein Gebäude wurde aus den bestehenden Bauten gewählt und das Andere aus den Geplanten.</p>
<!-- <p class="contentOne">Vergleich zwischen dem monatlichen Gasamtwärmebedarf der zukünftigen Gebäude und der aktuellen Gebäude.</p> -->
</div>
<button id="men_acoustic" onclick="akkustikview()" type="button" class="collapsible">Akustik</button>
<div class="content">
<a class="contentOne"><strong>Lärmkartierung</strong></a><br>
<h3>Lärmkartierung</h3>
<p class="contentOne">Hier können Sie sich die Ergebnisse der Lärmkartierung 2017 nach den Berechnungsmethoden der EU-Umgebungslärmrichtlinie für die einzelnen Lärmquellen Straßen-, Schienen- und Flugverkehr ansehen. Die kombinierte Lärmkarte bildet durch einfache energetische Summation der Pegel eine Gesamtlärmkarte aller getrennt betrachteten Lärmquellen. </p>
<a class="contentOne" >Straßeverkehr</a><br>
<br><a class="contentOne" >Straßeverkehr</a><br>
<button id ="btn_StreetDay" onclick="noisemap('Streetday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button>
<button id ="btn_StreetNight" onclick="noisemap('Streetnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_StreetOff" onclick="noisemap('offS');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button><br>
<a class="contentOne" >Bahnverkehr</a><br>
<button id ="btn_RailDay" onclick="noisemap('Railday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button>
<button id ="btn_RailNight" onclick="noisemap('Railnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
......@@ -382,29 +278,53 @@
<br><a class="contentOne" >Kombiniert</a><br>
<button id ="btn_AllDay" onclick="noisemap('Allday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button>
<button id ="btn_AllNight" onclick="noisemap('Allnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_AllOff" onclick="noisemap('offAll');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<p class="contentOne">Die Größe der Raster für die Berechnung der Pegel beträgt 10m in 4m Höhe über der Geländeoberfläche. Die Betrachtungszeitraum Tag gibt die Mittelung über den gesamten Tag (L_DEN) an. Der Betrachtungszeitraum Nacht (L_Night) umfasst die Zeit zwischen 22 Uhr und 6 Uhr.</p>
<button id ="btn_AllOff" onclick="noisemap('offAll');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button><br><br>
<div class='my-legend' style="width:100%;margin-top:1em;">
<div class='legend-title'>in dB </div>
<div class='legend-scale'>
<ul class='legend-labels' style="display: block;">
<li class="OneN" id="OneN"><span class="rectangle" style='background:#AF8A54;float: left;'></span></li>
<li class="TwoN" id="TwoN"><span class="rectangle" style='background:#FA842B;float: left;'></span></li>
<li class="ThreeN" id="ThreeN"><span class="rectangle" style='background:#C1121C;float: left;'></span></li>
<li class="FourN" id="FourN"><span class="rectangle" style='background:#8D1D2C;float: left;'></span></li>
<li class="FiveN" id="FiveN"><span class="rectangle" style='background:#992572;float: left;'></span></li>
<li class="sixN" id="sixN"><span class="rectangle" style='background:#3481B8;float: left;'></span></li>
<li class="sevenN" id="sevenN"><span class="rectangle" style='background:#1A5784;float: left;'></span></li>
</ul>
<ul class='legend-labels' style="display: block;">
<li class="OneN" id="OneN1">>50 dB</li>
<li class="TwoN" id="TwoN1">>55 dB</li>
<li class="ThreeN" id="ThreeN1">>60 dB</li>
<li class="FourN" id="FourN1">>65 dB</li>
<li class="FiveN" id="FiveN1">>70 dB</li>
<li class="sixN" id="sixN1">>75 dB</li>
<li class="sevenN" id="sevenN1">>80 dB</li>
</ul>
</div>
<!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> -->
</div><br><br><br><br>
<p class="contentOne" style="margin-top:1em;">Die Größe der Raster für die Berechnung der Pegel beträgt 10m in 4m Höhe über der Geländeoberfläche. Die Betrachtungszeitraum Tag gibt die Mittelung über den gesamten Tag (L_DEN) an. Der Betrachtungszeitraum Nacht (L_Night) umfasst die Zeit zwischen 22 Uhr und 6 Uhr.</p>
<p class="contentOne">Für die Überlassung der Daten wird der Landeshauptstadt Stuttgart, Amt für Umweltschutz, Abteilung Stadtklimatologie, der Landesanstalt für Umwelt Baden-Württemberg; und dem Eisenbahnbundesamt herzlich gedankt.</p>
<br><br>
<a class="contentOne"><strong>Noise Sensors (Live):</strong></a><br>
<br>
<!-- <a class="contentOne"><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>
<br>
<a class="contentOne"><strong>Noise Sensors (historisch):</strong></a><br>
<button id ="btn_NoiseSensOpen" onclick="NoiseText(false);">Open</button><br><br>
<br>
<h3>Lärmsensoren</h3><br>
<br> -->
<h3>Lärmsensoren</h3>
<p class="contentOne">Drei Lärmsensoren im Raum Stuttgart messen zeitaktuell die Lärmbelastung vor Ort. Die Daten können Sie sich hier durch Auswahl eines Sensors anzeigen lassen.</p>
<br><div class="row2" id="loadingHistNoise"></div>
<label class="column2" style="position:relative;padding-left:0px; padding-top:10px; padding-bottom:10px;margin-left:0px;" >Sensor wählen:</label>
<!-- <label class="column2" style="position:relative;padding-left:0px; padding-top:10px; padding-bottom:10px;margin-left:0px;" >Sensor wählen:</label> -->
<select class="dropbtn" style="border-radius: 3px; height: 3em; box-shadow: 0 8px 16px 0 #27272733, 0 6px 20px 0 rgba(0,0,0,0.19);margin-left:20px;" name="sensor" id="sensors">
<option value="49368">49368</option>
<option value="53627">53627</option>
<option value="29212">29212</option>
<option value="compLAeq">compare LAeq</option>
<option value="Sens" selected>Sensor wählen</option>
</select>
<a class="contentOne column2" href="#" id ="btn_NoiseSensShow" style="width:6em !important; height:2em !important;border-radius: 3px; padding-top: 0.7em;padding-bottom: 2.3em;" onclick="getSTAHistNoise();setNoiseWaiting();HistNoiseData('Exp','49368')">anzeigen</a>
<!-- <a class="contentOne column2" href="#" id ="btn_NoiseSensShow" style="width:6em !important; height:2em !important;border-radius: 3px; padding-top: 0.7em;padding-bottom: 2.3em;" onclick="getSTAHistNoise();setNoiseWaiting();HistNoiseData('Exp','49368')">anzeigen</a> -->
<div id="unconstrained"></div><br>
<span class="example-val" id="unconstrained-values"></span>
......@@ -414,39 +334,40 @@
<div style='width:100%;margin-top:10px;' id="chartNoiseSTA"></div>
<!-- <div id="slider-color"></div> -->
<p class="contentOne">Da der Sensor in UTC format die Zeit misst wird hier keine Unterscheidung zwischen Sommer und Winterzeit gemacht.</p><br><br>
<div class='my-legend' style="width:100%">
<div class='legend-title'>in dB </div>
<div class='legend-scale'>
<ul class='legend-labels'>
<li class="OneN" id="OneN"><span class="rectangle" style='background:#AF8A54;'></span>>50 dB</li>
<li class="TwoN" id="TwoN"><span class="rectangle" style='background:#FA842B;'></span>>55 dB</li>
<li class="ThreeN" id="ThreeN"><span class="rectangle" style='background:#C1121C;'></span>>60 dB</li>
<li class="FourN" id="FourN"><span class="rectangle" style='background:#8D1D2C;'></span>>65 dB</li>
<li class="FiveN" id="FiveN"><span class="rectangle" style='background:#992572;'></span>>70 dB</li>
<li class="sixN" id="sixN"><span class="rectangle" style='background:#3481B8;'></span>>75 dB</li>
<li class="sevenN" id="sevenN"><span class="rectangle" style='background:#1A5784;'></span>>80 dB</li>
</ul>
</div>
<!-- <div class='legend-source'>Source: <a href="#link to source">Name of source</a></div> -->
</div><br><br>
</div>
<button id="men_mobility" onclick="MobilityView();setpositionVAR(true);getPosition();" type="button" class="collapsible">Mobilität</button>
<div class="content">
<a class="contentOne" onclick="" >Baustellen</a><br>
<br>
<!-- <a class="contentOne" style="margin-top:1em" >Baustellen</a><br>
<button class = "btn_on" onclick="getAccidents('CONSTRUCTION')">On</button>
<button class = "btn_off" onclick="deleteAccidents('CONSTRUCTION')">Off</button><br>
<button class = "btn_off" onclick="deleteAccidents('CONSTRUCTION')">Off</button> -->
<label class="container contentOne">Baustellen
<input type="checkbox" id="baucheck" onclick="CheckboxCheck('CONSTRUCTION')">
<span class="checkmark"></span>
</label>
<br>
<a class="contentOne" onclick="" >Straßenschließungen</a><br>
<!-- <a class="contentOne" 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>
<button class = "btn_off" onclick="deleteAccidents('ROAD_CLOSURE')">Off</button> -->
<label class="container contentOne">Straßenschließungen
<input type="checkbox" id="Streetcheck" onclick="CheckboxCheck('ROAD_CLOSURE')">
<span class="checkmark"></span>
</label>
<br>
<a class="contentOne" >Verkehrsfluss</a><br>
<!-- <a class="contentOne" >Verkehrsfluss</a><br>
<button class = "btn_on" onclick="drawFlow()">On</button>
<button class = "btn_off" onclick="deleteFlow()">Off</button><br>
<button class = "btn_off" onclick="deleteFlow()">Off</button><br> -->
<label class="container contentOne">Verkehrsfluss
<input type="checkbox" id="flowcheck" onclick="CheckboxCheck('FLOW')">
<span class="checkmark"></span>
</label>
<br>
<h3 id="headNordB">Navigationsrechner</h3>
<p class="contentOne">Bitte wählen Sie einen Start und Endpunkt für ihre Route aus.</p>
<div style="width:34em;">
......@@ -458,12 +379,12 @@
<input style="width:12em;height:2em;" type="text" id="Epunktlat" name="Epunktlat">
<input style="width:12em;height:2em;" type="text" id="Epunktlon" name="Epunktlon"><br><br>
<button class="btn_standard" id="buttonCar" style="width:13em;height:2em;" onclick="setRouteCar();">Route berechnen (Auto)</button>
<button class="btn_standard" id="buttonPub" style="width:13em;height:2em;" onclick="setRoutePublic();">Route berechnen (ÖPNV)<div id="loaderPub" style="display:none;" class="loader"></div></button>
<button class="btn_standard" id="buttonCar" style="width:13em;height:2em;" onclick="setRouteCar();">Route Auto</button>
<button class="btn_standard" id="buttonPub" style="width:13em;height:2em;" onclick="setRoutePublic();">Route ÖPNV<div id="loaderPub" style="display:none;" class="loader"></div></button>
<button class="btn_standard" style="width:8em;height:2em;" onclick="deletenav();">Route löschen</button><br><br>
<p class="contentOne">Duration with Car</p>
<p class="contentOne">Dauer mit dem Auto</p>
<input type="text" id="Routeduration" name="Duration" disabled style="border-style: none none none solid;"><br>
<p class="contentOne">Duration with Public</p>
<p class="contentOne">Dauer mit ÖPNV</p>
<input type="text" id="RoutedurationPub" name="Duration" disabled style="border-style: none none none solid;">
<br>
<div id="PubRouteShow" style="margin-top:1em;">
......@@ -521,8 +442,8 @@
</div> -->
<p class="contentOne">Die Toolbox ist eine wachsende Sammlung aller digitalen Werkzeuge, die auf der Plattform angewendet werden können. Von Umfragen, über Energieverbrauchssimulation und Lärmkartierungen, bis zu Routenberechnung und Anzeige der aktuellen Verkehrslage kann können hier alle Möglichkeiten ausgetestet werden. </p><br>
<p class="contentOne">Die 3D-Partizipationsplattform Kesselkompass ist ein Transferprojekt des M4_Lab an der Hochschule für Technik, an dem verschiedene Forschungsprojekte und -bereiche wie Energietechnik, Bauakustik, Mobilität und Verkehr, Stadtplanung und Wirtschaftspsychologie beteiligt sind. Sie befindet sich in einer steten Entwicklungsphase, daher sind wir für jegliche Anregungen, Feedback oder Fragen dankbar. </p>
<p class="contentOne">Schreiben Sie uns einfach an ...</p> <br>
<p>logos ...</p>
<p class="contentOne">Schreiben Sie uns einfach an les@hft-stuttgart.de</p> <br>
<div style="height:90px">
<img src="images/logos/logo_kleiner.svg" width="120" height="100" alt="Hund">
<img src="images/logos/vcs_logo_black_120px.png" width="120" height="55" margin-top="10px" alt="Hund">
......@@ -535,34 +456,38 @@
<h1 class="headOne" id="headOne">Kesselkompass – Informieren, Beteiligen, Kooperieren</h1>
<h3>Was sind unsere Projekte?</h3>
<p class="contentOne">Unsere Projekte werden im Rahmen individueller Forschungsfragen und transdisziplinären Seminarreihen in spezifischen Gebieten erarbeitet. Hier kann man sich informieren sowie aktiv am Ideenfindungsprozess beteiligen. </p><br>
<h3>Aktuelle Projekte:</h3>
<!-- <p class="contentOne">Unsere Projekte werden im Rahmen individueller Forschungsfragen und transdisziplinären Seminarreihen in spezifischen Gebieten erarbeitet. Hier kann man sich informieren sowie aktiv am Ideenfindungsprozess beteiligen. </p><br> -->
<h3>Aktuell</h3>
<div class="row3">
<div style="cursor:pointer;" id = "btn_nord" onclick="removebuildings();addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);zoomto('NordbahnhofInfo')" class="column3">
<h3 class="top-left">Nordbahnhof</h3>
<img class="imagecol3" src="images/projects/nordbahn1.png" alt="Forest" style="width:100%">
</div>
<div>
<p style="padding-top: 1em;" class="contentOne">Drei Quartiere liegen beim LABOR Nordbahnhof im Fokus verschiedener Aktionen und Experimente im öffentlichen Raum. Hier können Sie sich aktiv am Prozess beteiligen und ihre Ideen und Meinung einbringen!</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>
<p class="contentOne">Die Toolbox ist eine wachsende Sammlung aller digitalen Werkzeuge, die auf der Plattform angewendet werden können. Von Umfragen, über Energieverbrauchssimulation und Lärmkartierungen, bis zu Routenberechnung und Anzeige der aktuellen Verkehrslage kann können hier alle Möglichkeiten ausgetestet werden. </p><br>
<h3>Abgeschlossene Projekte:</h3>
<h3>Archiv</h3>
<div class="row3">
<div style="cursor:pointer;" id = "btn_bock" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);zoomto('projektOne')"class="column3">
<h3 class="top-left">Böckinger Straße</h3>
<img class="imagecol3" src="images/projects/bockinger1.png" alt="Snow" style="width:100%">
</div>
<div>
<p style="padding-top: 1em;" class="contentOne">Wie lassen sich vorhandene Quartiersstrukturen in einer wachsenden Nachbarschaft nutzen und erweitern? Um das herauszufinden, beleben vier kleine Rotkäppchen-Kioske das Quartier und den öffentlichen Raum in der Böckinger Straße. </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>
<p class="contentOne">Die 3D-Partizipationsplattform Kesselkompass ist ein Transferprojekt des M4_Lab an der Hochschule für Technik, an dem verschiedene Forschungsprojekte und -bereiche wie Energietechnik, Bauakustik, Mobilität und Verkehr, Stadtplanung und Wirtschaftspsychologie beteiligt sind. Sie befindet sich in einer steten Entwicklungsphase, daher sind wir für jegliche Anregungen, Feedback oder Fragen dankbar. </p>
<p class="contentOne">Schreiben Sie uns einfach an ...</p> <br>
<p>logos ...</p>
</div>
<!-- Projekt 1
......@@ -719,7 +644,7 @@
<!-- Nordbahnhof -->
<div id="NordbahnhofInfo" class="SideInfo" style="display:none;">
<h1 class="headOne" id="headNordB">Nordbahnhof</h1>
<p class="contentOne">Die zukünftigen Entwicklungen im neuen Rosenstein- und Wagenhallenquartier werden auch mit Blick auf die IBA’27 einen essenziellen Beitrag zum Stadtentwicklungsprozess in Stuttgart leisten. Als Schnittstelle zwischen diesen beiden Quartieren spielt auch das Nordbahnhofviertel, dessen städtebauliche Insellage seine Entwicklung stark geprägt hat, eine wichtige Rolle. Das ehemals hauptsächlich von Post- und Bahnmitarbeitenden besiedelte Viertel wird heute zu einem großen Teil von Bewohner*innen mit Migrationshintergrund bewohnt, die derzeit noch durch eine Milieuschutzsatzung von im Zuge der Quartiersentwicklung steigenden Mietpreisen verschont bleiben. </p>
<p class="contentOne">Die zukünftigen Entwicklungen im neuen Rosenstein- und Wagenhallenquartier werden auch mit Blick auf die <a href="https://www.iba27.de/">IBA’27</a> einen essenziellen Beitrag zum Stadtentwicklungsprozess in Stuttgart leisten. Als Schnittstelle zwischen diesen beiden Quartieren spielt auch das Nordbahnhofviertel, dessen städtebauliche Insellage seine Entwicklung stark geprägt hat, eine wichtige Rolle. Das ehemals hauptsächlich von Post- und Bahnmitarbeitenden besiedelte Viertel wird heute zu einem großen Teil von Bewohner*innen mit Migrationshintergrund bewohnt, die derzeit noch durch eine Milieuschutzsatzung von im Zuge der Quartiersentwicklung steigenden Mietpreisen verschont bleiben. </p>
<p class="contentOne">Diese drei Quartiere liegen im Fokus des aktuell laufenden Labor Nordbahnhof. Verschiedene Aktionen und Experimente werden die Quartiere bespielen, verbinden und so auch zum Stadtentwicklungsprozess beitragen. Hier finden Sie in Kürze weitere Informationen zum Forschungsprozess, Zeitplan und den Akteur*innen im Quartier. Über das Umfrage-Icon auf der Karte können Sie sich auch aktiv am Projekt teilnehmen beteiligen und ihre Meinung und Ideen mit allen teilen. </p>
<p class="contentOne">Bei aktuellen Fragen wenden Sie sich an les@hft-stuttgart.de</p>
<h3>Das Rosenstein-Viertel</h3>
......
......@@ -710,3 +710,34 @@ function getLayerforData(name){
}
}
}
function CheckboxCheck(type) {
if (type == "CONSTRUCTION"){
var checkBox = document.getElementById("baucheck");
if (checkBox.checked == true){
console.log("test an")
getAccidents('CONSTRUCTION')
} else {
console.log("test off")
deleteAccidents('CONSTRUCTION')
}
} else if (type == "ROAD_CLOSURE"){
var checkBox = document.getElementById("Streetcheck");
if (checkBox.checked == true){
getAccidents('ROAD_CLOSURE')
} else {
deleteAccidents('ROAD_CLOSURE')
}
} else if (type == "FLOW"){
var checkBox = document.getElementById("flowcheck");
if (checkBox.checked == true){
drawFlow()
} else {
deleteFlow()
}
}
}
\ No newline at end of file
......@@ -735,3 +735,22 @@ function buildingSeeThroughfalse(set){
}, 1000);
}
// ----------------------------------------------------------------------------------
// Select Noise Sensor
var menu = document.getElementById("sensors");
menu.addEventListener("change", generateData);
function generateData(event) {
if (menu.value == 'Sens') {
} else if (menu.value == '49368') {
getSTAHistNoise();
setNoiseWaiting();
HistNoiseData('Exp','49368')
} else if (menu.value == '53627') {
alert("noch nicht verfügbar");
} else if (menu.value == '29212'){
alert("noch nicht verfügbar");
}
}
\ No newline at end of file
......@@ -169,7 +169,14 @@ function addcont(content){
"<span></span>"+
"</div>"+
"</div>"
var nordbstuff2 = "" +
"<div class='box-3'>"+
"<div class='btn btn-three' onclick='newPlan()'>"+
"<span>Neue Planung</span>"+
"</div><br>"+
"<div class='btn btn-three' onclick='oldZust()'>"+
"<span>Ist Zustand</span>"+
"</div><br></div>"
heatdemVal01 = 100
heatdemVal02 = 200
heatdemVal03 = 300
......@@ -218,7 +225,7 @@ function addcont(content){
var other = document.getElementById('nordbplanung')
other.innerHTML = ""
nordb.innerHTML = ""
nordb.innerHTML = nordbstuff
nordb.innerHTML = nordbstuff2
}
......
......@@ -591,7 +591,7 @@ function NordbahnhofText() {
layer.activate(false);
}
}
noisemap('offS')
// noisemap('offS')
unhighlightStuff();
expstate = true;
// onoff()
......@@ -783,7 +783,7 @@ function Expert() {
} else if (layer09.indexOf(layer.name) >= 0){
layer.activate(false);
} else if (layer10.indexOf(layer.name) >= 0){
layer.activate(true);
layer.activate(false);
} else if (layerfix.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix01.indexOf(layer.name) >= 0){
......@@ -862,3 +862,5 @@ function Projektshow(){
element.classList.add("fa-lock");
element.classList.remove("fa-unlock");
}
......@@ -8,7 +8,7 @@
.rectangle {
height: 50px;
width: 100px;
/* width: 100px; */
}
.One{
......@@ -61,18 +61,29 @@
list-style: none;
margin-left: 0;
line-height: 30px;
width:150px;
margin-bottom: 2px;
width:90px;
margin-bottom: 0px;
font-weight: bold;
padding-left:5px;
padding-left:0px;
}
.addition .addition2 ul li {
font-size: 100%;
color:#121212;
list-style: none;
margin-left: 0;
line-height: 30px;
width:130px;
margin-bottom: 0px;
font-weight: bold;
padding-left:0px;
}
.my-legend ul.legend-labels li span {
display: block;
float: left;
height: 30px;
width: 70px;
width: 85px;
margin-right: 5px;
margin-left: 0;
margin-left: 2px;
border: 1px solid #999;
}
.my-legend .legend-source {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment