Testgebiete.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Pointcloud Demo at HFT</title>

    <link
      href="https://cesium.com/downloads/cesiumjs/releases/1.69/Build/Cesium/Widgets/widgets.css"
      rel="stylesheet"
    />
        

    <script
      src="https://code.jquery.com/jquery-2.2.4.min.js"
      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"
      integrity="sha256-1A78rJEdiWTzco6qdn3igTBv9VupN3Q1ozZNTR4WE/Y="
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"
      integrity="sha256-0rguYS0qgS6L4qVzANq4kjxPLtvnp5nn2nB5G1lWRv4="
      crossorigin="anonymous"
    ></script>
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Cesium.js"></script>
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.1.1/css/all.css"
      integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ"
      crossorigin="anonymous"
    />
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

    <link rel="stylesheet" href="css/index.css" media="screen">
    <link rel="stylesheet" href="css/form_joeStyle.css" media="screen">
    <link rel="stylesheet" href="css/roundedButton.css" media="screen">
    
   
</head>

  <body>
    
   
    <style>
      @import url(templates/bucket.css);
    </style>


    <div id="cesiumContainer" class="">   </div>
    <script src="Testgebiete.js"></script>

  <div class="backdrop mainbackdrop" id="DCMO" style="display:show">    
    
    
    <button style="margin: 5px 0px 5px 0px;" type="button" class="btn btn-danger btnMod" onclick="gotoHFT()">HFT</button>
    
    <div class="backdrop mainbackdrop"> 
      <h6 style="color: rgb(8, 228, 118);"> Pointclouds </h6>
    <table>
      <tbody>
        <tr>
          <td style=" padding-bottom: 10px;"><strong>RGB PointCloud</strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input type="checkbox" onclick="toggleRGBPC()" checked>
            <span class="slider round"></span>
          </label>
        </td>
        </tr>
        <tr>
          <td style=" padding-bottom: 10px;"><strong>Blue PointCloud</strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input type="checkbox" onclick="toggleLargePC()" checked>
            <span class="slider round"></span>
          </label>
        </td>
        </tr>
      </tbody>
    </table>  
  </div>

    <div class="backdrop mainbackdrop">   
      <h6 style="color: rgb(8, 228, 118);"> CityGML Buildings </h6>
      <table>  
        <tbody>       
        <tr>
          <td style=" padding-bottom: 10px;"><strong>LOD1 Buildings </strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input id="simpleBuildingsCheckbox" type="checkbox" onclick="toggleBuildingTiles()" unchecked>
            <span class="slider round"></span>
          </label>
        </td>
        </tr>
      </tr>
      <tr>
        <td style=" padding-bottom: 10px;"><strong>LOD3 Buildings </strong> </td>
        <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
          <input id="prettyBuildingsCheckbox" type="checkbox" onclick="togglePrettyBuildingTiles()" checked>
          <span class="slider round"></span>
        </label>
      </td>
      </tr>
     </tbody>
    </table>  
         
      </div>

      <button style="margin: 20px 0px 5px 0px;" type="button" class="btn btn-warning btnMod" onclick="gotoFellbach()">Fellbach</button>
    
        
      <div class="backdrop mainbackdrop">   
        <h6 style="color: rgb(8, 228, 118);">CityGML Buildings </h6>
        <table>  
          <tbody>     
         <tr>
          <td style=" padding-bottom: 10px;"><strong>LOD2 Buildings </strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input id="FellbachBuildingsCheckbox" type="checkbox" onclick="toggleFellbachTiles()" unchecked>
            <span class="slider round"></span>
          </label>
        </td>        
        </tr>
        <tr>
          <td style=" padding-bottom: 10px;"><strong>LOD2 Textured </strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input id="FellbachTexturedBuildingsCheckbox" type="checkbox" onclick="toggleFellbachTexturedTiles()" checked>
            <span class="slider round"></span>
          </label>
        </td>        
        </tr>
       </tbody>
      </table>  
           
        </div>


</div>
            
      
    <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> -->
    <!-- JavaScript Bundle with Popper -->

   
    <!-- CSS only -->

  </body>
</html>