wangzhe
/
screen-demo


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

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>地形可视域分析</title>
  <link rel="stylesheet" href="../../dist/index.css" />
  <link href="../../cesium/Source/Widgets/widgets.css" rel="stylesheet">
  <script src="../../cesium/Build/Cesium/Cesium.js"></script>
  <script src="../../dist/index.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
  </style>
</head>

<body>
  <div id="map" style="height: 90vh; width: 100vw;"></div>
  <div id="func" style="height: 10vh; width: 100vw;">
    <button onclick="clearfunc()">清除</button>
    <button onclick="destoryfunc()">销毁</button>
  </div>
</body>

<script>
  window.CESIUM_BASE_URL = '../../cesium/Build/CesiumUnminified';
  Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI2MjIyODA4ZS0zNmRmLTQwNGMtYjZkNC0wOGY2NDdmODgyZTUiLCJpZCI6ODMyOCwiaWF0IjoxNjA2MjkyNDE1fQ.ZhhxNIJ-TzstpcavQBNL7xRwytBat3G2__3jr7lJ8yg'
  let opt = CTMapOl.thrdime.viewercontrol.globalvieweroptions()
  // opt.contextOptions = {
  //   requestWebgl1: true,
  // }
  let viewer = CTMapOl.thrdime.viewercontrol.globalviewer('map', opt)
  viewer._cesiumWidget._creditContainer.style.display = 'none'
  CTMapOl.thrdime.imagerylayercontrol.removeAll(viewer, true)
  CTMapOl.thrdime.imagerylayercontrol.addImageryProvider(viewer, CTMapOl.thrdime.imagerylayercontrol.gettdtImagery('img', "img_w"))
  CTMapOl.thrdime.imagerylayercontrol.addImageryProvider(viewer, CTMapOl.thrdime.imagerylayercontrol.gettdtImagery('cia', "cia_w"))
  CTMapOl.thrdime.cameracontrol.setDEFAULT_VIEW_RECTANGLE(116.38, 39.90, 116.40, 39.92)
  CTMapOl.thrdime.cameracontrol.setcamera(viewer, CTMapOl.thrdime.cameracontrol.getcameraoptionswithdetile(116.39, 39.91, 5000, 0, -90, 0))
  CTMapOl.thrdime.viewercontrol.addterrainct(viewer)
  let viewShedAnalysis =CTMapOl.cesiumComponent.ViewShedAnalysis(viewer);
  function clearfunc()
  {
    viewShedAnalysis.clear()
  }
  function destoryfunc()
  {
    viewShedAnalysis.clear()
  }
</script>

</html>