custom.js 23.6 KB
Newer Older
Patrick's avatar
Patrick committed
1

Patrick's avatar
Patrick committed
2
3
4
5
6
 window.onload = function(){
// //   var scale = 'scale(1)';
// //   document.body.style.webkitTransform =  scale;    // Chrome, Opera, Safari
// //   document.body.style.msTransform =   scale;       // IE 9
// //   document.body.style.transform = scale;     // General
Patrick's avatar
Patrick committed
7
8
// $("#tour-button").hide();

Patrick's avatar
Patrick committed
9
removebuildings();
Patrick's avatar
Patrick committed
10
11
// remove footer
document.querySelector('footer').style = 'display: none';
Patrick's avatar
Patrick committed
12
 };
Patrick's avatar
Patrick committed
13
14


Patrick's avatar
Patrick committed
15
16
17
18
19
20
var openquestionaire = function(){

    var framework = vcs.vcm.Framework.getInstance();
    var layers = framework.getLayers();
    var layerBStr = layers[0];
    // showTour();
Patrick's avatar
Patrick committed
21

Patrick's avatar
Patrick committed
22
23
24
25
26
27
28
29
30
31
32
33
34
35

    layerBStr.highlight({"UUID_fcbe96cd-dd5f-425c-9d20-bbdcbd580e72":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_e9b699f1-d0fc-4a27-8723-56a0e26c72e8":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_28c63827-bd5c-46f8-8519-e305aeab00a5":Cesium.Color.fromCssColorString("#BB8FCE")})

    layerBStr.highlight({"UUID_fc7f8988-e62d-4769-9650-28a3609632d2":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_ab9268e8-590f-40fb-9e44-2832ff912e85":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_022ef041-dd36-403f-b890-0af45fa8bec7":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_d6facabb-3559-48d3-913f-e54a37243417":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_13a5effb-8ecc-41e1-8527-e1a810fc8b9a":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_898a14f3-977e-4edd-bea1-b88a815f3fa4":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_42fa857e-ba07-4afd-8848-8a801f0a895f":Cesium.Color.fromCssColorString("#BB8FCE")})
    layerBStr.highlight({"UUID_bd9ace15-693e-440a-9605-c3892bc44cb8":Cesium.Color.fromCssColorString("#BB8FCE")})

Patrick's avatar
Patrick committed
36

Patrick's avatar
Patrick committed
37
38
39
40
41
42
43
44
45
46
47
    var x = document.getElementsByClassName("contentWrap");
    x.innerHTML = "Hello World!"
}

function stopStory() {
    document.getElementById("tour-frame").style.display = "none"; // Click on the checkbox
    // window.mobilecheck = function() {
      var check = false;
      (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
      console.log(check);
      // return check;
Patrick's avatar
Patrick committed
48
    // };
Patrick's avatar
Patrick committed
49
50
}

Patrick's avatar
Patrick committed
51
52
53
54
55
56
var layerfix = ["test"]
var layerfix01 = ["StuttgartLocal"]
var layerfix02 = ["StuttgartPart"]
var layerfix03 = ["Openstreetmap layer"]
var layerfix04 = ["WMS layer"]

Patrick's avatar
Patrick committed
57
58
59
function showtourSpecific(specify) {
    if (specify == 'menu'){
      vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.Böckingerstraße)
Patrick's avatar
Patrick committed
60
      document.getElementById("Expertenmodus").style.display = "block";
Patrick's avatar
Patrick committed
61
      document.getElementById("projektOne").style.display = "none";
Patrick's avatar
Patrick committed
62
63
64
    } else if (specify == 'main'){
      vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.Böckingerstraße)
      document.getElementById("Expertenmodus").style.display = "none";
Patrick's avatar
Patrick committed
65
      document.getElementById("projektOne").style.display = "block";
Patrick's avatar
Patrick committed
66
67
68
      var element = document.getElementById("icon_lock");
      element.classList.add("fa-lock");
      element.classList.remove("fa-unlock");
Patrick's avatar
Patrick committed
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
      var layer01 = ["LocationFour"]
      var layer02 = ["LocationThree"]
      var layer03 = ["LocationTwo"]
      var layer04 = ["LocationOne"]
      var layer05 = ["Questionnaire"]
  
  
      var framework = vcs.vcm.Framework.getInstance();
      var layers = framework.getLayers();
    
      for (var i = 0; i< layers.length; i++) {
        var layer = layers[i];
        if(layer01.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layer02.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layer03.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layer04.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layer05.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layerfix.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layerfix01.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layerfix02.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layerfix03.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else if (layerfix04.indexOf(layer.name) >= 0){
          layer.activate(true);
        } else {
          layer.activate(false);
        }
      }
      unhighlightStuff();
Patrick's avatar
Patrick committed
106
    }
Patrick's avatar
Patrick committed
107
108
109
110
111
    // var oldstuff = document.getElementById("old")
    // var para = document.createElement("P");
    // para.innerHTML = "This is a paragraph.";
    // document.getElementById("old").innerHTML = para.innerHTML;
    document.getElementById("UmfrageOne").style.display = "none";
Patrick's avatar
Patrick committed
112
    document.getElementById("NordbahnhofInfo").style.display = "none";
Patrick's avatar
Patrick committed
113
    document.getElementById("Energiekonzept").style.display = "none";
Patrick's avatar
Patrick committed
114
    document.getElementById("Navigation").style.display = "none";
Patrick's avatar
Patrick committed
115
    
Patrick's avatar
Patrick committed
116
    document.getElementById("IntroProj").style.display = "none";
Patrick's avatar
Patrick committed
117
    
Patrick's avatar
Patrick committed
118
    showTour();
Patrick's avatar
Patrick committed
119

Patrick's avatar
Patrick committed
120
121


Patrick's avatar
Patrick committed
122
    
Patrick's avatar
Patrick committed
123
    noisemap('offS')
Patrick's avatar
Patrick committed
124
    // expstate = true;
Patrick's avatar
Patrick committed
125
    onoff()
Patrick's avatar
Patrick committed
126
127
128


    document.getElementById('headOne').scrollIntoView({ left: 0, block: 'start', behavior: 'smooth' });
Patrick's avatar
Patrick committed
129
130
131
132
133
}


// ======================================================================================

Patrick's avatar
Patrick committed
134

Patrick's avatar
Patrick committed
135

Patrick's avatar
Patrick committed
136

Patrick's avatar
Patrick committed
137

Patrick's avatar
Patrick committed
138
139


Patrick's avatar
Patrick committed
140
// =========================================================================
Patrick's avatar
Patrick committed
141
function EnergiekonzeptFunction(content){
Patrick's avatar
Patrick committed
142
143
    vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.stockach)

Patrick's avatar
Patrick committed
144
145
    // var layerNamesToDeactivate = ["ProjektOne"]
    // var layers = framework.getLayers();
Patrick's avatar
Patrick committed
146

Patrick's avatar
Patrick committed
147

Patrick's avatar
Patrick committed
148
149
150
151
152
153
154
    // document.getElementById("UmfrageOne").style.display = "none";
    // document.getElementById("NordbahnhofInfo").style.display = "none";
    // document.getElementById("Navigation").style.display = "none";
    // document.getElementById("projektOne").style.display = "none";
    // document.getElementById("Energiekonzept").style.display = "block";
    // document.getElementById("IntroProj").style.display = "none";
    // document.getElementById("Expertenmodus").style.display = "block";
Patrick's avatar
Patrick committed
155
156
    showTour();

Patrick's avatar
Patrick committed
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
    if (content =="main"){

    }else if(content=="Electricity"){
      document.getElementById("energydemand").click();
    }else if(content=="heat"){
      document.getElementById("energydemand").click();
    }else if(content=="Nat"){
      document.getElementById("energydemand").click();
    }else if(content=="Aux Gas Boiler"){
      document.getElementById("thermalstorage").click();
    }else if(content=="Aux Heater"){
      document.getElementById("thermalstorage").click();
    }else if(content=="Heat Pump"){
      document.getElementById("heatpump").click();
    }else if(content=="Tub"){
      document.getElementById("energydemand").click();
    }else if(content=="Tank"){
      document.getElementById("thermalstorage").click();
    }else if(content=="House Water"){
      document.getElementById("energydemand").click();
    }else if(content=="House with Lightning"){
      document.getElementById("localEnergy").click();
    }else if(content=="Solarpanel"){
      document.getElementById("solarpotential").click();
    }else if(content=="Batterie"){
      document.getElementById("batterystorage").click();
    };

Patrick's avatar
Patrick committed
185
186
187
188
    // for (var i = 0; i< layers.length; i++) {
    //     var layer = layers[i];
    //     if(layerNamesToDeactivate.indexOf(layer.getName()) >= 0) {
    //       layer.activate(false);
Patrick's avatar
Patrick committed
189
190
191
192
193
    //     }
    //   }



Patrick's avatar
Patrick committed
194
      // var resultSimS = (callSimS());
Patrick's avatar
Patrick committed
195

Patrick's avatar
Patrick committed
196
197
      // heating = JSON.parse(fixJson(resultSimS.return));
      // console.log(resultSimS)
Patrick's avatar
Patrick committed
198
199
}

Patrick's avatar
Patrick committed
200
201
202
203
204
205
206
function SimStadtStuff(){
      var resultSimS = (callSimS());

      heating = JSON.parse(fixJson(resultSimS.return));
      console.log(resultSimS)
}

Patrick's avatar
Patrick committed
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
function highlightFeatures(content){
  if(content=="energydemand"){
    outlineReverse();
    document.getElementById("mapElectricityID").style.outline = "1px";
    document.getElementById("mapHeatID").style.outline = "1px";
    document.getElementById("mapNatID").style.outline = "1px";
    document.getElementById("mapTubID").style.outline = "1px";
    document.getElementById("mapHouseWaterID").style.outline = "1px";
    document.getElementById("mapHouseElec").style.outline = "1px";
  }else if(content =="solarpotential"){
    outlineReverse();
    document.getElementById("mapSolarpanelID").style.outline = "1px";
  }else if(content =="heatpump"){
    outlineReverse();
    document.getElementById("mapHeatPumpID").style.outline = "1px";
  }else if(content =="thermalstorage"){
    outlineReverse();
    document.getElementById("mapAuxGasBoilerID").style.outline = "1px";
    document.getElementById("mapAuxHeaterID").style.outline = "1px";
    document.getElementById("mapTankID").style.outline = "1px";
  }else if(content =="batterystorage"){
    outlineReverse();
    document.getElementById("mapBatterieID").style.backgroundColor = "lightblue";
    document.getElementById("mapBatterieID").style.outline = "1px";
  }
Patrick's avatar
Patrick committed
232

Patrick's avatar
Patrick committed
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249

  function outlineReverse(){
    document.getElementById("mapElectricityID").style.outline = "none";
    document.getElementById("mapHeatID").style.outline = "none";
    document.getElementById("mapNatID").style.outline = "none";
    document.getElementById("mapTubID").style.outline = "none";
    document.getElementById("mapHouseWaterID").style.outline = "none";
    document.getElementById("mapHouseElec").style.outline = "none";
    document.getElementById("mapSolarpanelID").style.outline = "none";
    document.getElementById("mapHeatPumpID").style.outline = "none";
    document.getElementById("mapAuxGasBoilerID").style.outline = "none";
    document.getElementById("mapAuxHeaterID").style.outline = "none";
    document.getElementById("mapTankID").style.outline = "none";
    document.getElementById("mapBatterieID").style.outline = "none";
  }

}
Patrick's avatar
Patrick committed
250

Patrick's avatar
Patrick committed
251
252
253

function Questionnaire() {

Patrick's avatar
Patrick committed
254
255
256
257
258
259
260
261
  // document.getElementById("projektOne").style.display = "none";
  // document.getElementById("Energiekonzept").style.display = "none";
  // document.getElementById("NordbahnhofInfo").style.display = "none";
  // document.getElementById("NoiseInfo").style.display = "none";
  // document.getElementById("Navigation").style.display = "none";
  // document.getElementById("UmfrageOne").style.display = "block";
  // document.getElementById("IntroProj").style.display = "none";
  // document.getElementById("Expertenmodus").style.display = "none";
Patrick's avatar
Patrick committed
262
  showTour();
Patrick's avatar
Patrick committed
263
264
  document.getElementById("btn_umfrage_bock").click();
  document.getElementById('umfrage_bock').scrollIntoView({ left: 0, block: 'start', behavior: 'smooth' });
Patrick's avatar
Patrick committed
265

Patrick's avatar
Patrick committed
266
  
Patrick's avatar
Patrick committed
267
268
269
270
}



Patrick's avatar
Patrick committed
271
272
273
274
function goHome(){
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
  $("#tour-button").hide();
  showMap()
Patrick's avatar
Patrick committed
275

Patrick's avatar
Patrick committed
276
277
  //stopStory()
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp)
Patrick's avatar
Patrick committed
278
}
Patrick's avatar
Patrick committed
279

Patrick's avatar
Patrick committed
280
function Introshow(){
Patrick's avatar
Patrick committed
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296

  var comp = document.getElementsByClassName("compass");
comp[0].classList.add("leftstuff");

var comp1 = document.getElementsByClassName("control-box-container");
comp1[0].classList.add("leftstuff");

var comp2 = document.getElementsByClassName("shadow-control-box-wrap");
comp2[0].classList.add("leftstuff");

var comp3 = document.getElementById("widget-box");
comp3.classList.add("leftstuff");




Patrick's avatar
Patrick committed
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
  document.getElementById("projektOne").style.display = "none";
  document.getElementById("Energiekonzept").style.display = "none"; 
  document.getElementById("UmfrageOne").style.display = "none";
  document.getElementById("NoiseInfo").style.display = "none";
  document.getElementById("Navigation").style.display = "none";
  document.getElementById("NordbahnhofInfo").style.display = "none";
  document.getElementById("IntroProj").style.display = "block";
  document.getElementById("Expertenmodus").style.display = "none";
  // startStory();
  showTour();
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp)
  unhighlightStuff();
  var framework = vcs.vcm.Framework.getInstance();
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if (layerfix.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix04.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else {
      layer.activate(false);
    }
  }
  noisemap('offS')
  unhighlightStuff();
  // document.getElementById("tour-frame").style.display = "block";
  expstate = true;
  onoff()
Patrick's avatar
Patrick committed
334
335
336
337

  var element = document.getElementById("icon_lock");
  element.classList.add("fa-lock");
  element.classList.remove("fa-unlock");
Patrick's avatar
Patrick committed
338
339
}

Patrick's avatar
Patrick committed
340
341
342
343
function Navigationshow() {
  document.getElementById("projektOne").style.display = "none";
  document.getElementById("Energiekonzept").style.display = "none"; 
  document.getElementById("UmfrageOne").style.display = "none";
Patrick's avatar
Patrick committed
344
  document.getElementById("NoiseInfo").style.display = "none";
Patrick's avatar
Patrick committed
345
346
  document.getElementById("Navigation").style.display = "block";
  document.getElementById("NordbahnhofInfo").style.display = "none";
Patrick's avatar
Patrick committed
347
348
  document.getElementById("IntroProj").style.display = "none";
  document.getElementById("Expertenmodus").style.display = "none";
Patrick's avatar
Patrick committed
349
350
351
 
  showTour();
}
Patrick's avatar
Patrick committed
352
353
354
355
356
//---------------------------------------------------------------------------------------
function NordbahnhofText() {
  document.getElementById("projektOne").style.display = "none";
  document.getElementById("Energiekonzept").style.display = "none"; 
  document.getElementById("UmfrageOne").style.display = "none";
Patrick's avatar
Patrick committed
357
  document.getElementById("Navigation").style.display = "none";
Patrick's avatar
Patrick committed
358
  document.getElementById("NoiseInfo").style.display = "none";
Patrick's avatar
Patrick committed
359
  document.getElementById("NordbahnhofInfo").style.display = "block";
Patrick's avatar
Patrick committed
360
361
  document.getElementById("IntroProj").style.display = "none";
  document.getElementById("Expertenmodus").style.display = "none";
Patrick's avatar
Patrick committed
362
 
Patrick's avatar
Patrick committed
363
  showTour();
Patrick's avatar
Patrick committed
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
  showgraph();
  var viewp = vcs.vcm.Framework.getInstance().viewpoints.NordBView
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) 

  var layer01 = ["ProjektNord"]




  var framework = vcs.vcm.Framework.getInstance();
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if(layer01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix04.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else {
      layer.activate(false);
    }
  }
  noisemap('offS')
  unhighlightStuff();
  expstate = true;
  onoff()
Patrick's avatar
Patrick committed
398
399
400
401

  var element = document.getElementById("icon_lock");
  element.classList.add("fa-lock");
  element.classList.remove("fa-unlock");
402
403
}

Patrick's avatar
Patrick committed
404

Patrick's avatar
Patrick committed
405
function NoiseText() {
Patrick's avatar
Patrick committed
406
407
408
409
410
411
412
413
  // document.getElementById("projektOne").style.display = "none";
  // document.getElementById("Energiekonzept").style.display = "none"; 
  // document.getElementById("UmfrageOne").style.display = "none";
  // document.getElementById("Navigation").style.display = "none";
  // document.getElementById("NordbahnhofInfo").style.display = "none";
  // document.getElementById("NoiseInfo").style.display = "block";
  // document.getElementById("IntroProj").style.display = "none";
  // document.getElementById("Expertenmodus").style.display = "none";
Patrick's avatar
Patrick committed
414
  showTour();
Patrick's avatar
Patrick committed
415
416
417

  var viewp = vcs.vcm.Framework.getInstance().viewpoints.NoiseView
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) 
Patrick's avatar
Patrick committed
418
  
Patrick's avatar
Patrick committed
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450

  var layer01 = ["NoiseLocation"]
  var layer02 = ["NoiseLocation29212"]
  var layer03 = ["NoiseLocation53627"]

  var framework = vcs.vcm.Framework.getInstance();
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if(layer01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix04.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else {
      layer.activate(false);
    }
  }
  noisemap('Streetday')
  unhighlightStuff();
Patrick's avatar
Patrick committed
451
  // HistNoiseData("49368"); 
Patrick's avatar
Patrick committed
452
453
454
  var element = document.getElementById("icon_lock");
  element.classList.add("fa-lock");
  element.classList.remove("fa-unlock");
Patrick's avatar
Patrick committed
455
456
457

  expstate = true;
  onoff()
Patrick's avatar
Patrick committed
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530


  var layerIndexStuttgartTotal

  var layernameStuttgartTotal = ["Streetday"]

  var frameworkSTU = vcs.vcm.Framework.getInstance();
  var layersSTU = frameworkSTU.getLayers();
  for (var i = 0; i< layersSTU.length; i++) {
    var layerst = layersSTU[i];
    if(layernameStuttgartTotal.indexOf(layerst.name) >= 0) {
      layerIndexStuttgartTotal = i
  }}

  var layerSTU = layersSTU[layerIndexStuttgartTotal];
  var tilesetSTU = layerSTU.cesium3DTileset;
  
  var timeout = setInterval(function() {
    console.log(layerSTU.active)
    if(layerSTU.active) {
      console.log("")
      tilesetSTU.style = new Cesium.Cesium3DTileStyle({
        color: {
          conditions: [
            ["${DB_High_LD} > 80","color('#1A5784')"],
            ["${DB_High_LD} > 79","color('#3481B8')"],
            ["${DB_High_LD} > 70","color('#992572')"],
            ["${DB_High_LD} > 65","color('#8D1D2C')"],
            ["${DB_High_LD} > 60","color('#C1121C')"],
            ["${DB_High_LD} > 55","color('#FA842B')"],
            ["${DB_High_LD} > 50","color('#AF8A54')"],
            ["${DB_High_LD} > 45","color('#EAF044')"],
            ["${DB_High_LD} > 40","color('#026A52')"],
            ["${DB_High_LD} > 35","color('#48A43F')"],
            ["${DB_High_LD} <= 35","color('#B7D9B1')"]//,
             //["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
            // ["true", "color('#FFFFFF')"],
          ],
        },
      });

      clearInterval(timeout); 
    } 
}, 1000);
  // if( layerSTU.active ) {
  //   tilesetSTU.style = new Cesium.Cesium3DTileStyle({
  //     color: {
  //       conditions: [
  //         ["${DB_High_LD} > 80","color('#1A5784')"],
  //         ["${DB_High_LD} > 79","color('#3481B8')"],
  //         ["${DB_High_LD} > 70","color('#992572')"],
  //         ["${DB_High_LD} > 65","color('#8D1D2C')"],
  //         ["${DB_High_LD} > 60","color('#C1121C')"],
  //         ["${DB_High_LD} > 55","color('#FA842B')"],
  //         ["${DB_High_LD} > 50","color('#AF8A54')"],
  //         ["${DB_High_LD} > 45","color('#EAF044')"],
  //         ["${DB_High_LD} > 40","color('#026A52')"],
  //         ["${DB_High_LD} > 35","color('#48A43F')"],
  //         ["${DB_High_LD} <= 35","color('#B7D9B1')"]//,
  //          //["${DB_High_LD} === 35","color('#B7D9B1','1')"]//,
  //         // ["true", "color('#FFFFFF')"],
  //       ],
  //     },
  //   });

  // }




};


Patrick's avatar
Patrick committed
531

Patrick's avatar
Patrick committed
532
533
534
535
536
537
538
539
540
541
542
543
544
545
function Expert() {
  document.getElementById("projektOne").style.display = "none";
  document.getElementById("Energiekonzept").style.display = "none"; 
  document.getElementById("UmfrageOne").style.display = "none";
  document.getElementById("Navigation").style.display = "none";
  document.getElementById("NordbahnhofInfo").style.display = "none";
  document.getElementById("NoiseInfo").style.display = "none";
  document.getElementById("IntroProj").style.display = "none";
  document.getElementById("Expertenmodus").style.display = "block";
  showTour();

  var viewp = vcs.vcm.Framework.getInstance().viewpoints.startview
  vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(viewp) 
  
546

Patrick's avatar
Patrick committed
547
548
549
550
551
552
553
554
555
  var layer01 = ["NoiseLocation"]
  var layer02 = ["NoiseLocation29212"]
  var layer03 = ["NoiseLocation53627"]
  var layer04 = ["ProjektNord"]
  var layer05 = ["LocationFour"]
  var layer06 = ["LocationThree"]
  var layer07 = ["LocationTwo"]
  var layer08 = ["LocationOne"]
  var layer09 = ["Questionnaire"]
Patrick's avatar
Patrick committed
556
  var layer10 = ["ProjektOne"]
Patrick's avatar
Patrick committed
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580

  var framework = vcs.vcm.Framework.getInstance();
  var layers = framework.getLayers();

  for (var i = 0; i< layers.length; i++) {
    var layer = layers[i];
    if(layer01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer04.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer05.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer06.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer07.indexOf(layer.name) >= 0){
      layer.activate(true);
    }else if (layer08.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layer09.indexOf(layer.name) >= 0){
      layer.activate(true);
Patrick's avatar
Patrick committed
581
582
    } else if (layer10.indexOf(layer.name) >= 0){
      layer.activate(true);
Patrick's avatar
Patrick committed
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
    } else if (layerfix.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix01.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix02.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix03.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else if (layerfix04.indexOf(layer.name) >= 0){
      layer.activate(true);
    } else {
      layer.activate(false);
    }
  }

Patrick's avatar
Patrick committed
598
599
600
601
  var element = document.getElementById("icon_lock");
  element.classList.remove("fa-lock");
  element.classList.add("fa-unlock");

Patrick's avatar
Patrick committed
602
603
604
  unhighlightStuff();
  // HistNoiseData("49368"); 
}