Commit c2e4b4ef authored by Patrick's avatar Patrick
Browse files

Test update +

Update wärmebedarf
parent cb4149b8
...@@ -1692,27 +1692,6 @@ ...@@ -1692,27 +1692,6 @@
} }
}, },
"heightAboveGround": 0 "heightAboveGround": 0
},{
"name": "NoiseLocation29212",
"url": "./datasource-data/NoiseData/NoisePoint29212.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": {
"epsg": "4326",
"proj4": ""
},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./datasource-data/NoiseData/noise.png",
"scale": 1
}
}
},
"heightAboveGround": 0
},{ },{
"name": "NoiseLocation53627", "name": "NoiseLocation53627",
"url": "./datasource-data/NoiseData/NoisePoint53627.geojson", "url": "./datasource-data/NoiseData/NoisePoint53627.geojson",
......
{"id": "LFwfxQb4d2CX8CBhL", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[9.15884470936,48.77543604444,-0.013149800758705666]},"properties":{},"vcsMeta":{},"id":"mPWksRx2XR6bd7DQ8Ter9EPW"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}} {"id": "LFwfxQb4d2CX8CBhL", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[9.15884470936,48.77543604444,20.013149800758705666]},"properties":{},"vcsMeta":{},"id":"mPWksRx2XR6bd7DQ8Ter9EPW"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}}
\ No newline at end of file \ No newline at end of file
{"id": "LFwfxQb4d2CX8CBhL", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[9.178,48.770,-0.013149800758705666]},"properties":{},"vcsMeta":{},"id":"mPWksRx2XR6bd7DQ8Ter9EPW"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}} {"id": "LFwfxQb4d2CX8CBhL", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[9.178,48.770,20.013149800758705666]},"properties":{},"vcsMeta":{},"id":"mPWksRx2XR6bd7DQ8Ter9EPW"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}}
\ No newline at end of file \ No newline at end of file
...@@ -292,7 +292,7 @@ ...@@ -292,7 +292,7 @@
======================================================================================================= --> ======================================================================================================= -->
<div id="Expertenmodus" class="SideInfo" style="display:none;"> <div id="Expertenmodus" class="SideInfo" style="display:none;">
<h1 class="headOne" id="headOne">Expertenmodus der Plattform</h1> <h1 class="headOne" id="headOne">Toolbox der Plattform</h1>
<button id="men_partizipation" onclick="addcont('main_bock');setpositionVAR(false);showtourSpecific('menu');" type="button" class="collapsible">Partizipation</button> <button id="men_partizipation" onclick="addcont('main_bock');setpositionVAR(false);showtourSpecific('menu');" type="button" class="collapsible">Partizipation</button>
<div id="testscroll" class="content"> <div id="testscroll" class="content">
<button onclick="topFunction()" id="btn_backtotop" title="Go to top">Top</button> <button onclick="topFunction()" id="btn_backtotop" title="Go to top">Top</button>
...@@ -372,17 +372,13 @@ ...@@ -372,17 +372,13 @@
<button id="men_energie" onclick="EnergiekonzeptFunction('nothing');" type="button" class="collapsible">Energiekonzept</button> <button id="men_energie" onclick="EnergiekonzeptFunction('nothing');" type="button" class="collapsible">Energiekonzept</button>
<div class="content subcontent"> <div class="content subcontent">
<h1 class="headOne" id="headOne">Energy Project Stöckach</h1> <h1 class="headOne" id="headOne">Energy Projekt Stöckach</h1>
<p class="contentOne">In this study, we have evaluated multiple local energy system scenarios to find the optimal energy system design concepts for the” future” EnBW-Areal. In this study, <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. </p>
<br> • we developed a 3D CityGML model for the EnBW-Areal and along with other calculation tools, estimated the electricity, heat, and hot water related energy demand profiles for the neighborhood.
<br> • we evaluated multiple energy supply options that includes energy sources and conversion technologies to meet the estimated total energy demand.
<br> • we evaluated the cost minimized technology mixes that achieves reduced CO2 emissions and compared the different energy system scenarios against a baseline energy system.
</p>
<button id="energydemand" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Energy demand</button> <button id="energydemand" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Energy demand</button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">The annual electrical, heating, and hot water energy demand for the EnBW-Areal is estimated to be 2.88 GWh, 1.57 GWh, and 1.77 GWh, respectively. </p> <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"> <div class="slideshow-container">
...@@ -390,25 +386,26 @@ ...@@ -390,25 +386,26 @@
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">1 / 4</div> <div class="numbertext">1 / 4</div>
<img src="images/content/contentstoeckach/img1.jpg" style="width:100%"> <img src="images/content/contentstoeckach/img1.jpg" style="width:100%">
<div class="text">The estimated hourly heat energy demand (units: kW)</div> <div class="text">Der geschätzte stündliche Wärmeenergiebedarf (Einheit: kW)</div>
</div> </div>
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">2 / 4</div> <div class="numbertext">2 / 4</div>
<img src="images/content/contentstoeckach/img2.jpg" style="width:100%"> <img src="images/content/contentstoeckach/img2.jpg" style="width:100%">
<div class="text">The estimated hourly energy demand for hot water generation (units: kW)</div> <div class="text">Der geschätzte stündliche Energiebedarf für die Warmwasserbereitung (Einheit: kW)</div>
</div> </div>
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">3 / 4</div> <div class="numbertext">3 / 4</div>
<img src="images/content/contentstoeckach/img3.jpg" style="width:100%"> <img src="images/content/contentstoeckach/img3.jpg" style="width:100%">
<div class="text">Electricity demand for non-residential spaces (units: kW)</div> <div class="text">
Elektrizitätsbedarf für Nicht-Wohnräume (Einheit: kW)</div>
</div> </div>
<div class="mySlides2 fade"> <div class="mySlides2 fade">
<div class="numbertext">4 / 4</div> <div class="numbertext">4 / 4</div>
<img src="images/content/contentstoeckach/img4.jpg" style="width:100%"> <img src="images/content/contentstoeckach/img4.jpg" style="width:100%">
<div class="text">Electricity demand for residential and spaces (units: kW)</div> <div class="text">Strombedarf für Wohnen und Räume (Einheit: kW)</div>
</div> </div>
...@@ -428,15 +425,15 @@ ...@@ -428,15 +425,15 @@
</div> --> </div> -->
</div> </div>
<button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible">Solar PV potential</button> <button id="solarpotential" onclick="highlightFeatures('solarpotential')" type="button" class="collapsible">Solar PV Potenzial</button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">The study shows that the EnBW-Areal has a feasible potential to utilize approx. 30-35% of the roof area to generate local electricity from solar PV. As a result, the energy consumption related CO2 emissions can be reduced by about 30% compared to the base scenario evaluated in this study at an 8% less cost. PV curtailment due to over production and feed-in constraints could lower the share of integrated PV generation significantly above 35% penetration levels. There are both technological and market-based strategies to optimally integrate the local PV generation. However, such concepts must be analyzed further in greater detail. </p> <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> </div>
<button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible">Power-to-heat via heat pump</button> <button id="heatpump" onclick="highlightFeatures('heatpump')" type="button" class="collapsible">Power-to-Heat über Wärmepumpe</button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">High-efficient heat pumps can both reduce the CO2 emissions and the primary energy use. A direct comparison between the heat pumps and district heating is tricky because the emissions from a district heating plant heavily depends on it’s fuel mix. In Stuttgart, it is common to use a fuel mix comprising of coal, gas, and municipal waste to generate heat. <br> <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>
It is more economically feasible to schedule the heat pump operation to supply the base-load heating and hot water demand. That increases the utilization of heat pump capacity, and therefore the rate of return on the investment. <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>
Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation. <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> </p>
<div class="slideshow-container"> <div class="slideshow-container">
...@@ -444,22 +441,22 @@ ...@@ -444,22 +441,22 @@
<!-- <div class="mySlides"> --> <!-- <div class="mySlides"> -->
<img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;"> <img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
<div class="text" style="margin-top:0em;">The capacity of heat pump(s) is allocated to supply base-load heat demand. The valley points of heat pump operation are filled by thermal storage charging action to improve heat pump capacity utilization.</div> <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> </div>
</div> </div>
<button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible">Thermal storage </button> <button id="thermalstorage" onclick="highlightFeatures('thermalstorage')" type="button" class="collapsible">Thermische Speicherung</button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">Thermal storages improve the utilization of heat pump capacity. The flexibility of thermal storage units to meet the peak demand enable the heat pumps to be slightly undersized for the base-load operation.</p> <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> </div>
<button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible">Battery storage </button> <button id="batterystorage" onclick="highlightFeatures('batterystorage')" type="button" class="collapsible">Batteriespeicher </button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">The adoption of residential battery storages in Germany is driven by the self-consumption optimization objective. At lower PV levels, the generated PV electricity can be directly consumed, hence the benefits of battery systems are less. However, at higher PV penetration levels and when innovative market designs enable the participation of battery storage systems to provide other services to the electricity network, the value of battery storage systems can increase rapidly. </p> <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> </div>
<button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Is local energy transition economically competitive? </button> <button id="localEnergy" onclick="highlightFeatures('energydemand')" type="button" class="collapsible">Ist die lokale Energiewende wirtschaftlich wettbewerbsfähig? </button>
<div class="content subcontent"> <div class="content subcontent">
<p class="contentOne">The answer to this question has two layers. The first layer is the aggregated system level feasibility, which is what we can see from our study. The second layer is the benefit distribution and economic feasibility at the individual prosumer level that is something that requires much deeper analysis. <br> <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>
We see at the system level; the local energy transition has a positive outlook. Some of the scenarios that we looked at recovered their total investment within the first 8 years. 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> <br></p>
<div class="slideshow-container"> <div class="slideshow-container">
...@@ -467,7 +464,7 @@ ...@@ -467,7 +464,7 @@
<!-- <div class="mySlides"> --> <!-- <div class="mySlides"> -->
<img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;"> <img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
<div class="text" style="margin-top:0em;">Comparison of the return of investment in each scenario until the breakeven point compared to the base scenario (units: EUR)</div> <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>
</div> </div>
...@@ -478,14 +475,18 @@ ...@@ -478,14 +475,18 @@
<h1 class="headOne" id="headNordB">Nordbahnhof</h1> <h1 class="headOne" id="headNordB">Nordbahnhof</h1>
<p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden. <p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden.
Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben. Hier würde es sich anbieten verschiedene Planungen aufgrund ihrer Energienutzung zu vergleichen. Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben.<br>
<strong>Neu Button:</strong> Zukünftige Gebäude basiert auf dem internationalen <a href="https://www.asp-stuttgart.de/portfolio-items/internationaler-wettbewerb-rosenstein-stuttgart/">Wettbewerb Rosenstein</a><br>
<strong>Ist Zustand Button:</strong> Aktuelle Gebäude<br>
<strong>Hightlight Button:</strong> zeigt das Stadtquartier Nordbahnhof<br>
<strong>Wärmebedarf Button:</strong> zeigt den Wärmebedarf der Gebäude
</p> </p>
<div id="nordbplanung"> <div id="nordbplanung">
</div> </div>
<br> <br>
<h3>Specific Space Heating Demand</h3> <h3>Spezifischer Wärmebedarf</h3>
<p class="contentOne">The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br> <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>
<div id="unconstrained"></div><br> <div id="unconstrained"></div><br>
<span class="example-val" id="unconstrained-values"></span> <span class="example-val" id="unconstrained-values"></span>
...@@ -505,6 +506,7 @@ ...@@ -505,6 +506,7 @@
<div id="main_heatdem"> <div id="main_heatdem">
</div> </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 id="slider-color"></div> -->
</div> </div>
...@@ -513,16 +515,16 @@ ...@@ -513,16 +515,16 @@
<div class="content"> <div class="content">
<a class="contentOne"><strong>Lärmkarten:</strong></a><br> <a class="contentOne"><strong>Lärmkarten:</strong></a><br>
<a class="contentOne" >Straße</a><br> <a class="contentOne" >Straßeverkehr</a><br>
<button id ="btn_StreetDay" onclick="noisemap('Streetday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button> <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_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> <button id ="btn_StreetOff" onclick="noisemap('offS');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button><br>
<a class="contentOne" >Bahn</a><br> <a class="contentOne" >Bahnverkehr</a><br>
<button id ="btn_RailDay" onclick="noisemap('Railday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button> <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> <button id ="btn_RailNight" onclick="noisemap('Railnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_RailOff" onclick="noisemap('offR');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button> <button id ="btn_RailOff" onclick="noisemap('offR');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<br><a class="contentOne" >Flughafen</a><br> <br><a class="contentOne" >Flugverkehr</a><br>
<button id ="btn_AirDay" onclick="noisemap('Airday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button> <button id ="btn_AirDay" onclick="noisemap('Airday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button>
<button id ="btn_AirNight" onclick="noisemap('Airnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button> <button id ="btn_AirNight" onclick="noisemap('Airnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_AirOff" onclick="noisemap('offAir');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button> <button id ="btn_AirOff" onclick="noisemap('offAir');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
...@@ -530,12 +532,16 @@ ...@@ -530,12 +532,16 @@
<button id ="btn_AllDay" onclick="noisemap('Allday');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button> <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_AllNight" onclick="noisemap('Allnight');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_AllOff" onclick="noisemap('offAll');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button> <button id ="btn_AllOff" onclick="noisemap('offAll');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<br><br> <br><br>
<a class="contentOne"><strong>Noise Sensors (Live):</strong></a><br> <a class="contentOne"><strong>Noise Sensors (Live):</strong></a><br>
<button id ="btn_NoiseSensOn" onclick="noisesens('on')">On</button> <button id ="btn_NoiseSensOn" onclick="noisesens('on')">On</button>
<button id ="btn_NoiseSensOff" onclick="noisesens('off')">Off</button><br><br> <button id ="btn_NoiseSensOff" onclick="noisesens('off')">Off</button><br><br>
<br>
<a class="contentOne"><strong>Noise Sensors (historisch):</strong></a><br> <a class="contentOne"><strong>Noise Sensors (historisch):</strong></a><br>
<button id ="btn_NoiseSensOpen" onclick="NoiseText(false);">Open</button><br> <button id ="btn_NoiseSensOpen" onclick="NoiseText(false);">Open</button><br><br>
<br>
<h2>Lärmsensoren aus dem Luftdaten.info Projekt</h2><br> <h2>Lärmsensoren aus dem Luftdaten.info Projekt</h2><br>
<div class="row2" id="loadingHistNoise"></div> <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>
...@@ -554,13 +560,28 @@ ...@@ -554,13 +560,28 @@
<a class="contentOne">Genauere Sensordaten (LAeq)</a> <a class="contentOne">Genauere Sensordaten (LAeq)</a>
<div style='width:100%;margin-top:10px;' id="chartNoiseSTA"></div> <div style='width:100%;margin-top:10px;' id="chartNoiseSTA"></div>
<!-- <div id="slider-color"></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> <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> </div>
<button id="men_mobility" onclick="MobilityView();setpositionVAR(true);getPosition();" type="button" class="collapsible">Mobilität</button> <button id="men_mobility" onclick="MobilityView();setpositionVAR(true);getPosition();" type="button" class="collapsible">Mobilität</button>
<div class="content"> <div class="content">
<a class="contentOne" onclick="" >Bauarbeiten</a><br> <a class="contentOne" onclick="" >Baustellen</a><br>
<button class = "btn_on" onclick="getAccidents('CONSTRUCTION')">On</button> <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><br>
...@@ -568,7 +589,7 @@ ...@@ -568,7 +589,7 @@
<button class = "btn_on" onclick="getAccidents('ROAD_CLOSURE')">On</button> <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><br>
<a class="contentOne" >Verkehrsflow</a><br> <a class="contentOne" >Verkehrsfluss</a><br>
<button class = "btn_on" onclick="drawFlow()">On</button> <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>
...@@ -892,8 +913,11 @@ ...@@ -892,8 +913,11 @@
<h1 class="headOne" id="headNordB">Nordbahnhof</h1> <h1 class="headOne" id="headNordB">Nordbahnhof</h1>
<p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden. <p class="contentOne">Im Nordbahnhof Areal ist ein Neubau geplant. Dieser kann in verschiedenen Aspekten mit den bestehenden Bauten verglichen werden.
Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben. Hier würde es sich anbieten verschiedene Planungen aufgrund ihrer Energienutzung zu vergleichen. Der Energie Nutzungs Aspekt kann nur bedingt herangezogen werden, da die Gebäude sehr unterschiedliche Nutzungen haben. Hier würde es sich anbieten verschiedene Planungen aufgrund ihrer Energienutzung zu vergleichen.<br><br>
</p> <strong>Neu Button:</strong> Zukünftige Gebäude basiert auf dem internationalen <a href="https://www.asp-stuttgart.de/portfolio-items/internationaler-wettbewerb-rosenstein-stuttgart/">Wettbewerb Rosenstein</a><br>
<strong>Ist Zustand Button:</strong> Aktuelle Gebäude<br>
</p>
<div id="nordbplanung2"> <div id="nordbplanung2">
......
...@@ -672,7 +672,7 @@ function buildingSeeThrough(set){ ...@@ -672,7 +672,7 @@ function buildingSeeThrough(set){
} }
// console.log("") // console.log("")
clearInterval(timeout); clearInterval(timeout);
}, 1000); }, 1000);
...@@ -730,7 +730,7 @@ function buildingSeeThroughfalse(set){ ...@@ -730,7 +730,7 @@ function buildingSeeThroughfalse(set){
} }
// console.log("") // console.log("")
removebuildings();
clearInterval(timeout); clearInterval(timeout);
}, 1000); }, 1000);
......
...@@ -163,7 +163,7 @@ function addcont(content){ ...@@ -163,7 +163,7 @@ function addcont(content){
"</div>"+ "</div>"+
"</div>"+ "</div>"+
"<div onclick='document.getElementById('chxboxDemand').click()' class='box-3'>"+ "<div onclick='document.getElementById('chxboxDemand').click()' class='box-3'>"+
"<p>EnergyDemand</p><div class='switch'>"+ "<p>Wärmebedarf &nbsp;</p><div class='switch'>"+
"<input type='checkbox' name='toggle' id='chxboxDemand' onclick='checkboxDemand(true);'>"+ "<input type='checkbox' name='toggle' id='chxboxDemand' onclick='checkboxDemand(true);'>"+
"<label for='toggle'><i></i></label>"+ "<label for='toggle'><i></i></label>"+
"<span></span>"+ "<span></span>"+
......
...@@ -125,6 +125,8 @@ function mouseOut2() { ...@@ -125,6 +125,8 @@ function mouseOut2() {
console.log("StuffEnded") console.log("StuffEnded")
vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription); vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription);
} }
});
var subscription2 = vcs.vcm.Framework.getInstance().subscribe("LAYER_ACTIVATED", function(layer) {
if(layer.name === "Streetnight") { if(layer.name === "Streetnight") {
layer.cesium3DTileset.readyPromise.then(function(tileset) { layer.cesium3DTileset.readyPromise.then(function(tileset) {
var boundingSphere = tileset.boundingSphere; var boundingSphere = tileset.boundingSphere;
...@@ -134,7 +136,7 @@ function mouseOut2() { ...@@ -134,7 +136,7 @@ function mouseOut2() {
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3()); var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation); tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
}); });
vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription); vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription2);
} }
}); });
......
...@@ -492,7 +492,7 @@ function oldZust(){ ...@@ -492,7 +492,7 @@ function oldZust(){
curve: 'straight' curve: 'straight'
}, },
title: { title: {
text: 'Heating Demand by Month', text: 'Wärmebedarf pro Monat',
align: 'left' align: 'left'
}, },
grid: { grid: {
......
Supports Markdown
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