HFT.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 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>

<!-- <header class="backdrop">
  <h3> <img src="imgs/INSPIRER.svg"  style="height:12%;width:8%;"> HFT Pointclouds Bld 1 & 3</h1>  
</header> -->

    <div id="cesiumContainer" class="">   </div>
    <script src="HFT.js"></script>
      <!-- <div id="toolbar">      
    </div> -->
<!--     
    <h2  class="" onclick="open3DCMO()" style="cursor:pointer; color:rgb(155, 0, 0)">
      <strong><i class="fas fa-copy"></i> Menu</strong>
  </h2> -->
  <div class="backdrop mainbackdrop" id="DCMO" style="display:show">    
    <h2>  Layer selection </h2>
    <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>
        <tr>
          <td style=" padding-bottom: 10px;"><strong>Buildings </strong> </td>
          <td style=" padding-bottom: 10px; padding-left: 15px;"><label class="switch">
            <input type="checkbox" onclick="toggleBuildingTiles()" checked>
            <span class="slider round"></span>
          </label>
        </td>
        </tr>
      </tbody>
      </table>     
</div>
            
    
    <!-- <div id="loadingOverlay">
      <h1>Loading...</h1>
    </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>
  </body>
</html>