An error occurred while loading the file. Please try again.
index.html 4.79 KiB
<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Use correct character set. -->
        <meta charset="utf-8">
        <!-- Tell IE to use the latest, best version. -->
        <meta http-equiv="X-UA-Compatible" content="IE=Edge">
        <!-- Make the app on mobile take up the full browser screen and disable user scaling. -->
        <meta name="viewport"
            content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <title>Montreal 3D Viewer</title>
        <!-- The Cesium library. -->
<script src="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Cesium.js"></script>
      <link href="./CSS/widgets.css" rel="stylesheet">
        <!-- stylesheets -->
        <link rel="stylesheet" href="CSS/index.css" media="screen">
		<link rel="stylesheet" type="text/css" href="CSS/Montreal3DViewer.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
    <body>
        <!-- defining container to keep cesium viewer -->
        <div id="cesiumContainer"></div>
        <!-- defining menu panel -->
        <div class="backdrop" id="menu">
            <h2>Montreal 3D Viewer <i class="fa fa-info-circle" style="font-size:15px;color:yellow" onclick="window.open('https://donnees.montreal.ca/ville-de-montreal/batiment-3d-2016-maquette-citygml-lod2-avec-textures2')"> </i></h2>
			<span><strong>Select Neighborhood</strong></span>
            <div class="nowrap">
                <select id="selectscenario">
                    <option value="Ahuntsic-Cartierville">Ahuntsic-Cartierville</option>
                    <option value="Anjou">Anjou</option>
					<option value="Baie-dUrfé">Baie-d'Urfé</option>
                    <option value="Beaconsfield">Beaconsfield</option>
					<option value="Côte-des-Neiges-Notre-Dame-de-Grâce">Côte-des-Neiges-Notre-Dame-de-Grâce</option>
                    <option value="Côte-Saint-Luc">Côte-Saint-Luc</option>
					<option value="Dollard-des-Ormeaux">Dollard-des-Ormeaux</option>
                    <option value="Dorval">Dorval</option>
					<option value="Hampstead">Hampstead</option>
                    <option value="Kirkland">Kirkland</option>
					<option value="Lachine">Lachine</option>
                    <option value="LaSalle">LaSalle</option>
					<option value="Le-Plateau-Mont-Royal">Le-Plateau-Mont-Royal</option>
                    <option value="Le-Sud-Ouest">Le-Sud-Ouest</option>
					<option value="LÎle-Bizard-Sainte-Geneviève">L'Île-Bizard-Sainte-Geneviève</option>
                    <option value="LÎle-Dorval">L'Île-Dorval</option>
					<option value="Mercier-Hochelaga-Maisonneuve">Mercier-Hochelaga-Maisonneuve</option>
                    <option value="Montréal-Est">Montréal-Est</option>
					<option value="Montréal-Nord">Montréal-Nord</option>
                    <option value="Montréal-Ouest">Montréal-Ouest</option>
					<option value="Mont-Royal">Mont-Royal</option>
                    <option value="Outremont">Outremont</option>
					<option value="Pierrefonds-Roxboro">Pierrefonds-Roxboro</option>
                    <option value="Pointe-Claire">Pointe-Claire</option>
					<option value="Rivière-des-Prairies-Pointe-aux-Trembles">Rivière-des-Prairies-Pointe-aux-Trembles</option>
                    <option value="Rosemont-La-Petite-Patrie">Rosemont-La-Petite-Patrie</option>
					<option value="Sainte-Anne-de-Bellevue">Sainte-Anne-de-Bellevue</option>
                    <option value="Saint-Laurent">Saint-Laurent</option>
					<option value="Saint-Léonard">Saint-Léonard</option>
                    <option value="Senneville">Senneville</option>
					<option value="Verdun">Verdun</option>
                    <option value="Ville-Marie" selected>Ville-Marie</option>
					<option value="Villeray-Saint-Michel-Parc-Extension">Villeray-Saint-Michel-Parc-Extension</option>
                    <option value="Westmount">Westmount</option>		
				</select>
			</div>         
		</div>		
		<div id = "spinner">
  <img src="./CSS/Images/loading.gif" />
</div>		
<div class="credit-bar">
Application developed and managed by <a href="https://www.linkedin.com/in/rpadsala" target="_blank">Rushikesh Padsala (Rushi) - Click here to contact me</a> </div> <a href = "mailto: rushikesh.padsala@hft-stuttgart.de" target='_blank'> <div class="credit4"></div> </a> <a href="https://steinbeis-3dps.eu/" target='_blank'> <div class="credit3"></div> </a> <a href="https://www.concordia.ca/research/chairs/smart-cities.html" target='_blank'> <div class="credit2"></div> </a> <a href="https://ugl.hft-stuttgart.de/" target='_blank'> <div class="credit1"></div> </a> <!-- javascript --> <script src="./Source/App.js"></script> </body> </html>