Skip to content

GitLab

Commit cb4149b8 authored by Patrick's avatar Patrick
Browse files

update some ui 

- akustik project deleted
- akustik buildings see through
- Nordbahnhof delete Energy demand
- Rename menu points
parent ae303e7d
Hide whitespace changes
Inline Side-by-side
vcm/config.json
View file @ cb4149b8
......@@ -1131,7 +1131,7 @@
"url": "./datasource-data/TestHere/test.json",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": true,
"activeOnStartup": false,
"exclusive": false,
"projection": {
"epsg": "4326",
......@@ -1184,7 +1184,9 @@
"type": "vcs.vcm.layer.cesium.Buildings",
"datasourceId": "zECwoSwXppPMrqfbt",
"activeOnStartup": false,
"preloadWhenHidden": true,
"exclusive": false,
"offset":1,
"allowPicking": true,
"screenSpaceError": 32,
"screenSpaceErrorMobile": 32,
......@@ -1411,6 +1413,48 @@
}
},
"heightAboveGround": 0
},{
"name": "AreaBock",
"url": "./datasource-data/Areas/BockArea.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": "AreaNord",
"url": "./datasource-data/Areas/NordB.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": "./templates/ProjektOne.geojson",
......@@ -1496,6 +1540,28 @@
},
"heightAboveGround": 0
},
{
"name": "LocationNordB",
"url": "./datasource-data/Areas/NordBPoint.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": {
"epsg": "4326",
"proj4": ""
},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./templates/locationSM.png",
"scale": 0.5
}
}
},
"heightAboveGround": 0
},
{
"name": "LocationOne",
"url": "./templates/locationOne.geojson",
......@@ -1518,6 +1584,28 @@
},
"heightAboveGround": 0
},
{
"name": "LocationBock",
"url": "./templates/locationOne.geojson",
"type": "vcs.vcm.layer.GeoJSON",
"datasourceId": "...",
"activeOnStartup": false,
"exclusive": false,
"projection": {
"epsg": "4326",
"proj4": ""
},
"altitudeMode": "relativeToGround",
"style": {
"image": {
"icon": {
"src": "./templates/locationSM.png",
"scale": 0.5
}
}
},
"heightAboveGround": 0
},
{
"name": "LocationTwo",
"url": "./templates/locationTwo.geojson",
......@@ -1665,7 +1753,7 @@
"heading": 330.5867016992278,
"pitch": -38.79249343523846,
"roll": 359.87944622917144,
"animate": false,
"animate": true,
"duration": null
},{
"name": "startviewold",
......@@ -1683,7 +1771,7 @@
"heading": 319.600536492729,
"pitch": -64.76308830002756,
"roll": 359.7083867950233,
"animate": false
"animate": true
},{
"name": "stockach",
"cameraPosition": [
......@@ -1700,7 +1788,7 @@
"heading": 6.034472681516794,
"pitch": -33.33958313017551,
"roll": 0.02406619855133695,
"animate": false
"animate": true
},
{
"name": "Böckingerstraße",
......@@ -1755,6 +1843,16 @@
"pitch": -57.50660072842872,
"roll": 359.71478980270297,
"animate": true
}
]
},{
"name": "MobilityView",
"animate": true,
"cameraPosition": [9.203785473689564, 48.76443681359373, 3919.345253368517],
"distance": 4647.360680270417,
"duration": null,
"easingFunctionName": null,
"groundPosition": [9.176599679885323, 48.777893960926114, -0.001634299245718091],
"heading": 306.83911205804407,
"pitch": -57.506603824770565,
"roll": 359.71479749641395
}]
}
\ No newline at end of file
vcm/css/menu.css
View file @ cb4149b8
......@@ -291,4 +291,26 @@
display: table;
clear: both;
width: 100%;
}
/* ..-------------- */
#btn_backtotop {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#btn_backtotop:hover {
background-color: #555;
}
\ No newline at end of file
vcm/datasource-data/Areas/BockArea.geojson 0 → 100644
View file @ cb4149b8
{"id": "Pfann5bConZhzmvCs", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.192277771823075,48.83580404327611,-0.013080111961295233],[9.192733782797792,48.834815324985385,-0.01745866286141538],[9.19570091563598,48.83502283959689,-0.016880442152355585],[9.199345534153963,48.836264800056654,-0.012360322348598551],[9.197996434155543,48.83736574167142,-0.013170146574170328],[9.192277771823075,48.83580404327611,-0.013080111961295233]]]},"properties":{},"vcsMeta":{"style":{"type":"vector","fill":{"color":[0,19,112,0.4]},"stroke":{"color":[0,19,112,0.4],"width":1.25,"lineDash":null}}},"id":"ftSNnmYfaiCZERpNZnL7myEN"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/datasource-data/Areas/NordB.geojson 0 → 100644
View file @ cb4149b8
{"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
vcm/datasource-data/Areas/NordBPoint.geojson 0 → 100644
View file @ cb4149b8
{"id": "fh56Xp8G2kXxYf6dR", "type": "FeatureCollection", "features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[9.190725443268025,48.79828607364777,-0.06657158959490908]},"properties":{},"vcsMeta":{},"id":"xw34SpQsmc4ESoFXq5HJb8Am"}],"featureType":"simple","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/index.html
View file @ cb4149b8
......@@ -283,9 +283,9 @@
<div class="tour-top-navi" style="z-index:99">
<a href="#" onclick="Introshow();setpositionVAR(false);" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-home"></i></a>
<a href="#" onclick="addcont('main_bock2');showtourSpecific('main');setpositionVAR(false);" id = "btn_bock" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Böckingerstraße</a>
<a href="#" onclick="removebuildings();addcont('main_heatdem2');addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);" id = "btn_nord" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Nordbahnhof</a>
<a href="#" onclick="NoiseText(true);setpositionVAR(false);" id = "btn_acous" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Akkustik Projekt</a>
<a href="#" onclick="removebuildings();addcont('main_bock');addcont('main_heatdem');addcont('main_nordbstuff');Expert();setpositionVAR(false);" id = "btn_expert" class=" top-nav buttonset one btn_home btn_size"><i id="icon_lock" class="fa fa-lock"></i> Experten Modus</a>
<a href="#" onclick="removebuildings();addcont('main_nordbstuff2');NordbahnhofText();setpositionVAR(false);" id = "btn_nord" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Nordbahnhof</a>
<!-- <a href="#" onclick="NoiseText(true);setpositionVAR(false);" id = "btn_acous" class=" top-nav buttonset one btn_home btn_size"><i class="fa fa-code-fork"></i> Akkustik Projekt</a> -->
<a href="#" onclick="removebuildings();addcont('main_bock');addcont('main_heatdem');addcont('main_nordbstuff');Expert();setpositionVAR(false);" id = "btn_expert" class=" top-nav buttonset one btn_home btn_size"><i id="icon_lock" class="fa fa-lock"></i> Toolbox</a>
<!-- style="float:right;margin-right:2em;" -->
</div>
<!-- Expertenmodus-.--------------------------
......@@ -294,7 +294,9 @@
<h1 class="headOne" id="headOne">Expertenmodus der Plattform</h1>
<button id="men_partizipation" onclick="addcont('main_bock');setpositionVAR(false);showtourSpecific('menu');" type="button" class="collapsible">Partizipation</button>
<div class="content">
<div id="testscroll" class="content">
<button onclick="topFunction()" id="btn_backtotop" title="Go to top">Top</button>
<div class="SideInfo">
<h1 id="headOne">Böckinger Straße</h1>
......@@ -507,27 +509,27 @@
</div>
</div>
<button id="men_acoustic" type="button" class="collapsible">Akkustik</button>
<button id="men_acoustic" onclick="akkustikview()" type="button" class="collapsible">Akkustik</button>
<div class="content">
<a class="contentOne"><strong>Lärmkarten:</strong></a><br>
<a class="contentOne" >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>
<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" >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>
<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_RailOff" onclick="noisemap('offR');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<br><a class="contentOne" >Flughafen</a><br>
<button id ="btn_AirDay" onclick="noisemap('Airday')">Day</button>
<button id ="btn_AirNight" onclick="noisemap('Airnight')">Night</button>
<button id ="btn_AirOff" onclick="noisemap('offAir')">Off</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_AirOff" onclick="noisemap('offAir');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<br><a class="contentOne" >Kombiniert</a><br>
<button id ="btn_AllDay" onclick="noisemap('Allday')">Day</button>
<button id ="btn_AllNight" onclick="noisemap('Allnight')">Night</button>
<button id ="btn_AllOff" onclick="noisemap('offAll')">Off</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_AllOff" onclick="noisemap('offAll');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false);removebuildings();">Off</button>
<br><br>
<a class="contentOne"><strong>Noise Sensors (Live):</strong></a><br>
<button id ="btn_NoiseSensOn" onclick="noisesens('on')">On</button>
......@@ -544,17 +546,7 @@
<option value="compLAeq">compare LAeq</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>
<!-- <div class="dropdown">
<button class="dropbtn">Sensor wählen:</button>
<div class="dropdown-content">
<a href="#" onclick="getSTAHistNoise();setNoiseWaiting();HistNoiseData('49368')">49368</a>
<a href="#">53627</a>
<a href="#">29212</a>
</div>
</div> -->
<!-- <p>The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br>
<button onclick="HistNoiseData()">GetData</button>
<button onclick="showgraphNoise()">GetData</button> -->
<div id="unconstrained"></div><br>
<span class="example-val" id="unconstrained-values"></span>
<a class="contentOne">Überblick Sensor</a>
......@@ -563,22 +555,10 @@
<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>
<!-- <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 id="men_mobility" 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">
<a class="contentOne" onclick="" >Bauarbeiten</a><br>
<button class = "btn_on" onclick="getAccidents('CONSTRUCTION')">On</button>
......@@ -591,8 +571,32 @@
<a class="contentOne" >Verkehrsflow</a><br>
<button class = "btn_on" onclick="drawFlow()">On</button>
<button class = "btn_off" onclick="deleteFlow()">Off</button><br>
<h1 id="headNordB">Navigationsrechner</h1>
<p class="contentOne">Bitte wählen Sie einen Start und Endpunkt für ihre Route aus.</p>
<div style="width:34em;">
<button class="btn_standard" style="width:10em;height:2em;" onclick="getStart('Start');">Startpunkt</button>
<input style="width:12em;height:2em;" type="text" id="Spunktlat" name="Spunktlat">
<input style="width:12em;height:2em;" type="text" id="Spunktlon" name="Spunktlon"><br><br>
<button class="btn_standard" style="width:10em;height:2em;" onclick="getStart('End');">Endpunkt</button>
<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" style="width:8em;height:2em;" onclick="deletenav();">Route löschen</button><br><br>
<p class="contentOne">Duration with Car</p>
<input type="text" id="Routeduration" name="Duration" disabled style="border-style: none none none solid;"><br>
<p class="contentOne">Duration with Public</p>
<input type="text" id="RoutedurationPub" name="Duration" disabled style="border-style: none none none solid;">
<br>
<div id="PubRouteShow" style="margin-top:1em;">
</div></div>
</div>
<button id="men_navigation" onclick="setpositionVAR(true);getPosition();" type="button" class="collapsible">Navigation</button>
<!-- <button id="men_navigation" onclick="setpositionVAR(true);getPosition();" type="button" class="collapsible">Navigation</button>
<div class="content">
<h1 id="headNordB">Navigationsrechner</h1>
<p class="contentOne">Bitte wählen Sie einen Start und Endpunkt für ihre Route aus.</p>
......@@ -606,12 +610,12 @@
<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 (Öffis)<div id="loaderPub" style="display:none;" class="loader"></div></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" style="width:8em;height:2em;" onclick="deletenav();">Route löschen</button><br><br>
<p class="contentOne">Duration with Car</p>
<input type="text" id="Routeduration" name="Duration"><br>
<input type="text" id="Routeduration" name="Duration" disabled style="border-style: none none none solid;"><br>
<p class="contentOne">Duration with Public</p>
<input type="text" id="RoutedurationPub" name="Duration">
<input type="text" id="RoutedurationPub" name="Duration" disabled style="border-style: none none none solid;">
<br>
<div id="PubRouteShow" style="margin-top:1em;">
</div></div>
......@@ -619,7 +623,7 @@
<button id="men_simstadt" type="button" class="collapsible">SimStadt</button>
<div class="content">
</div>
</div> -->
</div>
<!-- INTRO-.--------------------------
......@@ -895,26 +899,7 @@
</div>
<br>
<h3>Specific Space Heating Demand</h3>
<p class="contentOne">The specific space heating demand wurde mit SimStadt simuliert. Die Werte sind in [kWh/m²·a] angegeben.</p><br>
<div id="unconstrained2"></div><br>
<span class="example-val" id="unconstrained-values2"></span>
<div class='my-legend'>
<div class='legend-title'>in [kWh/m²·a] </div>
<div class='legend-scale'>
<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="main_heatdem2"></div>
<!-- <div id="slider-color"></div> -->
</div>
<!-- ======================================================================================================================================================================== -->
......@@ -925,9 +910,9 @@
<h1 class="headOne">Lärmdaten aus Stuttgart</h1>
<br>
<h3>Kombinierte Lärmkarten (Auto, Bahn, Flughafen)</h3><br>
<button id ="btn_RailDay" onclick="noisemap2('day')">Day</button>
<button id ="btn_RailNight" onclick="noisemap2('night')">Night</button>
<button id ="btn_RailOff" onclick="noisemap2('off')">Off</button><br><br>
<button id ="btn_RailDay" onclick="noisemap2('day');buildingSeeThrough(true);buildingSeeThrough(false)">Day</button>
<button id ="btn_RailNight" onclick="noisemap2('night');buildingSeeThrough(true);buildingSeeThrough(false)">Night</button>
<button id ="btn_RailOff" onclick="noisemap2('off');buildingSeeThroughfalse(true);buildingSeeThroughfalse(false)">Off</button><br><br>
<h3>Lärmsensoren aus dem Luftdaten.info Projekt</h3><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>
......@@ -1039,6 +1024,7 @@
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config.json');
</script-->
<script src='js/backtotop.js'></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>
......
vcm/js/backtotop.js 0 → 100644
View file @ cb4149b8
//Get the button
var mybutton = document.getElementById("btn_backtotop");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.getElementById("testscroll").scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.getElementById("testscroll").scrollTop = 0;
}
\ No newline at end of file
vcm/js/noise.js
View file @ cb4149b8
......@@ -129,12 +129,12 @@ function noisemap(areatime){
for (var i = 0; i< layers.length; i++) {
var layer = layers[i];
if(layerStreetD.indexOf(layer.name) >= 0){
layer.activate(day);
layer.activate(true);
} else if (layerStreetN.indexOf(layer.name) >= 0){
layer.activate(night);
layer.activate(true);
}
}
removenoisemap();
var layernameStuttgartTotal = ["Streetday"]
var layernameStuttgartTotal2 = ["Streetnight"]
......@@ -618,4 +618,120 @@ function sameDay(d1, d2) {
d1.getMonth() === d2.getMonth() &&
d1.getDate() === d2.getDate() &&
d1.getHours() === d2.getHours();
}
\ No newline at end of file
}
function buildingSeeThrough(set){
var frameworkSTU = vcs.vcm.Framework.getInstance();
var layersSTU = frameworkSTU.getLayers();
var layerIndexStuttgartTotal
var layernameStuttgartTotal = ["StuttgartLocal"]
var layernameStuttgartTotal2 = ["StuttgartPart"]
for (var i = 0; i< layersSTU.length; i++) {
var layerst = layersSTU[i];
if (set == true){
if(layernameStuttgartTotal.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal = i
}
} else if (set == false){
if(layernameStuttgartTotal2.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal = i
}
}
}
var layerSTU = layersSTU[layerIndexStuttgartTotal];
if(typeof layerSTU == 'undefined') {
return;}
var tilesetSTU = layerSTU.cesium3DTileset;
var timeout = setInterval(function() {
// console.log(layerSTU.active)
if(layerSTU.active) {
if (set == true ){
tilesetSTU.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["true","color('white','0.5')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
} else if (set == false){
tilesetSTU.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["true","color('white','0.5')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
}
}
// console.log("")
clearInterval(timeout);
}, 1000);
}
function buildingSeeThroughfalse(set){
var frameworkSTU = vcs.vcm.Framework.getInstance();
var layersSTU = frameworkSTU.getLayers();
var layerIndexStuttgartTotal
var layernameStuttgartTotal = ["StuttgartLocal"]
var layernameStuttgartTotal2 = ["StuttgartPart"]
for (var i = 0; i< layersSTU.length; i++) {
var layerst = layersSTU[i];
if (set == true){
if(layernameStuttgartTotal.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal = i
}
} else if (set == false){
if(layernameStuttgartTotal2.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal = i
}
}
}
var layerSTU = layersSTU[layerIndexStuttgartTotal];
if(typeof layerSTU == 'undefined') {
return;}
var tilesetSTU = layerSTU.cesium3DTileset;
var timeout = setInterval(function() {
// console.log(layerSTU.active)
if(layerSTU.active) {
if (set == true ){
tilesetSTU.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["true","color('white')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
} else if (set == false){
tilesetSTU.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["true","color('white')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
}
}
// console.log("")
clearInterval(timeout);
}, 1000);
}
\ No newline at end of file
vcm/templates/cus_Menu.js
View file @ cb4149b8
......@@ -29,6 +29,14 @@ function nordbahnview(){
showgraph();
}
function akkustikview(){
var viewp = vcs.vcm.Framework.getInstance().viewpoints.NoiseView
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
}
function MobilityView(){
var viewp = vcs.vcm.Framework.getInstance().viewpoints.MobilityView
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp);
}
var expstate = false;
function onoff(){
......@@ -187,8 +195,8 @@ function addcont(content){
showSlides(1, 1);
} else if (content == "main_heatdem"){
var heatdemand = document.getElementById('main_heatdem')
var other = document.getElementById('main_heatdem2')
other.innerHTML = ""
// var other = document.getElementById('main_heatdem2')
// other.innerHTML = ""
heatdemand.innerHTML = ""
heatdemand.innerHTML = heatdem
......
vcm/templates/custom.js
View file @ cb4149b8
......@@ -7,10 +7,197 @@
// $("#tour-button").hide();
removebuildings();
// removenoisemap();
// remove footer
document.querySelector('footer').style = 'display: none';
};
}
document.getElementById("btn_nord").addEventListener("mouseover", mouseOver);
document.getElementById("btn_nord").addEventListener("mouseout", mouseOut);
function mouseOver() {
var layerNamesToActivate = ["AreaNord"]
var layerNamesToActivate2 = ["LocationNordB"]
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 mouseOut() {
var layerNamesToActivate = ["AreaNord"]
var layerNamesToActivate2 = ["LocationNordB"]
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);
}
}
}
document.getElementById("btn_bock").addEventListener("mouseover", mouseOver2);
document.getElementById("btn_bock").addEventListener("mouseout", mouseOut2);
function mouseOver2() {
var layerNamesToActivate = ["AreaBock"]
var layerNamesToActivate2 = ["LocationBock"]
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 mouseOut2() {
var layerNamesToActivate = ["AreaBock"]
var layerNamesToActivate2 = ["LocationBock"]
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;
var subscription = vcs.vcm.Framework.getInstance().subscribe("LAYER_ACTIVATED", function(layer) {
if(layer.name === "Streetday") {
layer.cesium3DTileset.readyPromise.then(function(tileset) {
var boundingSphere = tileset.boundingSphere;
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, heightOffset);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
});
console.log("StuffEnded")
vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription);
}
if(layer.name === "Streetnight") {
layer.cesium3DTileset.readyPromise.then(function(tileset) {
var boundingSphere = tileset.boundingSphere;
var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, heightOffset);
var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
});
vcs.vcm.Framework.getInstance().unsubscribeByKey(subscription);
}
});
var frameworkSTU = vcs.vcm.Framework.getInstance();
var layersSTU = frameworkSTU.getLayers();
var layernameStuttgartTotal = ["Streetday"]
var layernameStuttgartTotal2 = ["Streetnight"]
var layerIndexStuttgartTotal2
var layerIndexStuttgartTotal
var frameworkSTU = vcs.vcm.Framework.getInstance();
var layersSTU = frameworkSTU.getLayers();
for (var i = 0; i< layersSTU.length; i++) {
var layerst = layersSTU[i];
// console.log(i)
if(layernameStuttgartTotal.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal = i
}
if(layernameStuttgartTotal2.indexOf(layerst.name) >= 0) {
layerIndexStuttgartTotal2 = i
}
}
var layerSTU = layersSTU[layerIndexStuttgartTotal];
var layerSTU2 = layersSTU[layerIndexStuttgartTotal2];
var tilesetSTU = layerSTU.cesium3DTileset;
var tilesetSTU2 = layerSTU2.cesium3DTileset;
var timeout = setInterval(function() {
console.log(layerSTU.active)
if(layerSTU.active) {
tilesetSTU.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["${DB_H_RD} <= 999","color('#B7D9B1','1')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
tilesetSTU2.style = new Cesium.Cesium3DTileStyle({
color: {
conditions: [
["${DB_H_Rail} <= 999","color('#B7D9B1','1')"]//,
//["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
// ["true", "color('#FFFFFF')"],
],
},
});
// console.log("")
clearInterval(timeout);
}
}, 1000);
};
var openquestionaire = function(){
......@@ -53,6 +240,9 @@ var layerfix01 = ["StuttgartLocal"]
var layerfix02 = ["StuttgartPart"]
var layerfix03 = ["Openstreetmap layer"]
var layerfix04 = ["WMS layer"]
var layerfix11 = ["Streetday"]
var layerfix12 = ["Streetnight"]
var layerfix13 = ["BockArea"]
function showtourSpecific(specify) {
if (specify == 'menu'){
......@@ -322,11 +512,13 @@ comp3.classList.add("leftstuff");
layer.activate(true);
} else if (layerfix04.indexOf(layer.name) >= 0){
layer.activate(true);
} else if (layerfix13.indexOf(layer.name) >= 0){
layer.activate(true);
} else {
layer.activate(false);
}
}
noisemap('offS')
// noisemap('offS')
unhighlightStuff();
// document.getElementById("tour-frame").style.display = "block";
expstate = true;
......@@ -394,7 +586,7 @@ function NordbahnhofText() {
noisemap('offS')
unhighlightStuff();
expstate = true;
onoff()
// onoff()
var element = document.getElementById("icon_lock");
element.classList.add("fa-lock");
......
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

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal