index.html

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
 />

 <!-- Optional meta tags -->
 <meta name="author" content="Beisswenger Marius, Krug Andreas">
 <meta name="description" content="3DS Projektarbeit 3 Webvisualisierung SS2020">
 <meta name="keywords" content="HFT Stuttgart, 3DS, CityGML, Cesium">

 <!-- Title and Icon for Website -->
 <link rel="shortcut icon" type="image/x-icon" href="./img/icon.ico">
 <title>3D Stadtmodelle</title>

 <!-- jQuery -->
 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

 <!-- Cesium JS -->
 <script src="https://cesium.com/downloads/cesiumjs/releases/1.70/Build/Cesium/Cesium.js"></script>

 <!-- Cesium Widget CSS -->
 <link rel="stylesheet" href="https://cesium.com/downloads/cesiumjs/releases/1.70/Build/Cesium/Widgets/widgets.css">

 <!-- UserStyles -->
 <link rel="stylesheet" href="css/styleEditor.css">

 <!-- JS & CSS library of MultipleSelect plugin -->
 <script src="./js/multiple-select.min.js"></script>
 <link rel="stylesheet" href="./css/multiple-select.min.css">
 
 <!-- JS & CSS library of Apexcharts -->
 <script src="./js/apexcharts.min.js"></script>
  <link rel="stylesheet" type="text/css" href="./css/apexcharts.css">
 
 <!-- JS & CSS library of Fancybox -->
 <script src="./js/jquery.fancybox.min.js"></script>
 <link rel="stylesheet" type="text/css" href="./css/jquery.fancybox.min.css">
</head>

<body>
 <div id="cesiumContainer" class="fullSize"></div>

 <div data-fancybox data-src="#chart" href="javascript:;" id="vbtn" "display: none;"></div>
 <div style="display: none;" id="chart"></div>

 <div class="toolbar-left">
  <MultipleSelect multiple="multiple" placeholder="Für Layerauswahl hier klicken">
   <optgroup label="Basisdaten Stuttgart">
    <option value="1">
     Gebäude LoD1
    </option>
    <option value="2">
     Gebäude LoD2
    </option>
   </optgroup>
   <optgroup label="Modelle aus PA2">
    <option value="3">
     Fernsehturm Stuttgart
    </option>
    <option value="4">
     Steubenstraße
    </option>
    <option value="5">
     Justizausbildungszentrum
    </option>
   </optgroup>
   <optgroup label="Vegetation">
    <option value="6">
     Implizite Geometrie
    </option>
    <option value="7">
     Fächergeometrie
    </option>
	<option value="8">
     Flächendeckend
    </option>
   </optgroup>
   <optgroup label="Analyse SimStadt">
    <option value="9">
     Photovoltaik
    </option>
   </optgroup>
  </MultipleSelect>

  <button type="button" title="Abfrage starten" class=cesium-button id="selection">&#9432;</button>
  <button type="button" title="Schatten aktivieren" class=cesium-button id="shadow">&#9728;</button>
 </div>

 <!-- Additional JS -->
 <script src="./js/usertools.js"></script>
 <script src="./js/geometryData.js"></script>
 <script src="./js/pvanalysis.js"></script>
 <script src="./js/selection.js"></script>

</body>

</html>