<!doctypehtml><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><title>DenBosch Digial Twins JADS v.2.0- JOS and Daniel</title><link href=https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css rel=stylesheet><link href=https://cdn.osmbuildings.org/4.1.1/OSMBuildings.css rel=stylesheet><link href=css/main.css rel=stylesheet><link href=css/notificaion_alert.css rel=stylesheet><link href=https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Widgets/widgets.css rel=stylesheet><script src=https://cesium.com/downloads/cesiumjs/releases/1.100/Build/Cesium/Cesium.js></script><script src=https://cdn.jsdelivr.net/npm/chart.js defer></script><script src=https://cdn.socket.io/4.5.4/socket.io.min.js defer></script><script src=https://cdn.osmbuildings.org/4.1.1/OSMBuildings.js defer></script><div id=splashScreen><h1>Digital Twins Den Bosch</h1><div class=logo-container><img alt="JADS Logo"class=logo src=https://www.persberichten.com/bestanden/bedrijven/7718/logo/JADS-GR.png> <img alt="Den Bosch Logo"class=logo src=https://ros-tvkrant.nl/wp-content/uploads/2023/10/logo-s-hertogenbosch.jpg></div><div class=loading-bar><div></div></div><p id=loadingText>Loading...</div><div id=cesiumContainer></div><div id=menu-hover-area></div><div id=menu><button class=menu-btn id=flytoIKDBButton>Fly to IKDB</button> <button class=menu-btn id=toggleTraffic>Real-Time Traffic</button> <button class=menu-btn id=stopOrbit>Musesms</button> <button class=menu-btn id=startOrbit>Construction Sites</button> <button class=menu-btn id=BAGButton>Kadaster Data</button> <button class=menu-btn onclick=toggleMuseums()>High Predistrain Areas</button> <button class=menu-btn>Real time Biodiversity Data Stream</button> <button class=menu-btn onclick=togglePollution()>Weather , Traffic and Noise Information</button> <button class=menu-btn id=startNotifications>Real time Alert OFF</button><div class=controls><button class=menu-btn id=toggleStreamBtn>Moniort Carbon and Noise Stream on</button></div><div id=legend class=legend><h4>Building Type Legend</h4><ul><li><span class=legend-color style=background-color:rgba(70,130,180,.8)></span> School<li><span class=legend-color style=background-color:rgba(34,139,34,.8)></span> University<li><span class=legend-color style=background-color:rgba(255,69,0,.8)></span> Hospital<li><span class=legend-color style=background-color:rgba(128,128,128,.7)></span> Parking<li><span class=legend-color style=background-color:rgba(148,0,211,.8)></span> Church<li><span class=legend-color style=background-color:rgba(255,165,0,.8)></span> Retail<li><span class=legend-color style=background-color:rgba(160,82,45,.8)></span> Industrial<li><span class=legend-color style=background-color:rgba(144,238,144,.8)></span> Greenhouse<li><span class=legend-color style=background-color:rgba(0,0,139,.8)></span> Commercial<li><span class=legend-color style=background-color:rgba(255,215,0,.8)></span> Construction<li><span class=legend-color style=background-color:rgba(255,223,0,.8)></span> Hotel<li><span class=legend-color style=background-color:rgba(255,182,193,.8)></span> House<li><span class=legend-color style=background-color:rgba(135,206,235,.8)></span> Apartments<li><span class=legend-color style=background-color:rgba(105,105,105,.8)></span> Office</ul></div></div><div id=rightPanel-hover-area></div><div id=rightPanel><button id=closePanelBtn onclick=toggleRightPanel()>✕</button><h2>Weather and AirQualiy Forecast</h2><div class=chart-container><canvas id=temperatureChart></canvas></div><div class=chart-container><canvas id=humidityChart></canvas></div><div class=chart-container><canvas id=aqiChart></canvas></div><div class=chart-container><canvas id=no2Chart></canvas></div></div><div id=notificationArea><div id=trafficAlert class="alert-box traffic"><h4>Traffic Alert</h4><p class=alert-content>No traffic updates at the moment.</div><div id=weatherAlert class="alert-box weather"><h4>Weather Alert</h4><p class=alert-content>No weather updates at the moment.</div><div id=eventAlert class="alert-box event"><h4>Event Alert</h4><p class=alert-content>No event updates at the moment.</div></div><div id=minimap-container><div id=minimap></div></div>HELLOO<script src=https://code.jquery.com/jquery-3.5.1.slim.min.js></script><script src=https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.3/dist/umd/popper.min.js></script><script src=https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js></script><script src=js/charts.js defer></script><script src=js/main.js defer></script><script src=js/notifications_alert.js defer></script><script src=js/OSM.js defer></script><script>// Track page views for the current browser/device
let pageViews = localStorage.getItem('pageViews') || 0;
pageViews++;
localStorage.setItem('pageViews', pageViews);

// Log to console
console.log(`Page views on this device: ${pageViews}`);</script>