Commit 85a4aaa3 authored by Cholgrrr's avatar Cholgrrr
Browse files

Update Rosenstein own project

parent c5d50935
......@@ -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",
......
......@@ -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}
}
{"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
{
"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
{
"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
......@@ -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)">&#10094;</a>
<a class="nextRosen" onclick="plusSlidesRosen(1)">&#10095;</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>
......
......@@ -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
......@@ -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
......
......@@ -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");
}
......
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