deeptwins-engine-3d 0.1.41 → 0.1.43

package/dist/esm/analyze/ViewshedAnalysis.js

@@ -1,442 +1,291 @@
-// import * as Cesium from 'deeptwins-cesium';
-// import { merge } from 'lodash';
-// import { DEFAULT_VIEWSHED_ANALYSIS_OPTIONS } from '../constant';
-// import { MapContext } from '../map/Map';
-// import * as utils from '../tool/utils';
-//
-// // 可视域分析。
-// class ViewshedAnalysis {
-//   private readonly _mapContext: MapContext;
-//   public options: any;
-//   public isDestroyed: boolean = false;
-//   private _viewPositionC3: any;
-//   private _viewPositionEndC3: any;
-//   private _viewDistance: any;
-//   private _viewHeading: any;
-//   private _viewPitch: any;
-//   private lightCamera: any;
-//   private shadowMap: any;
-//   private postStage: any;
-//   private frustumOutline: any;
-//   private sketch: any;
-//
-//   constructor(map: any, options: any) {
-//     this._mapContext = map._mapContext;
-//     this.options = merge(DEFAULT_VIEWSHED_ANALYSIS_OPTIONS(), options);
-//     if (!this.options.viewPosition) return;
-//     const [lng, lat, alt] = this.options.viewPosition;
-//     this._viewPositionC3 = utils.lngLatAltToCartesian3(lng, lat, alt || 0);
-//     this._viewDistance = this.options.viewDistance;
-//     this._viewHeading = this.options.viewHeading;
-//     this._viewPitch = this.options.viewPitch;
-//     if (this.options.viewPositionEnd) {
-//       const [lng, lat, alt] = this.options.viewPositionEnd;
-//       this._viewPositionEndC3 = utils.lngLatAltToCartesian3(lng, lat, alt || 0);
-//       this._viewDistance = Cesium.Cartesian3.distance(
-//         this._viewPositionC3,
-//         this._viewPositionEndC3,
-//       );
-//       this._viewHeading = getHeading(
-//         this._viewPositionC3,
-//         this._viewPositionEndC3,
-//       );
-//       this._viewPitch = getPitch(this._viewPositionC3, this._viewPositionEndC3);
-//     }
-//     this.add();
-//   }
-//
-//   // 是否能进行操作
-//   private _canOperate() {
-//     if (this.isDestroyed) {
-//       utils.error('SunLightAnalysis实例已销毁');
-//       return false;
-//     }
-//     return true;
-//   }
-//
-//   public getMap() {
-//     return this._mapContext && this._mapContext.getMap();
-//   }
-//
-//   public add() {
-//     this.createLightCamera();
-//     this.createShadowMap();
-//     this.createPostStage();
-//     this.drawFrustumOutline();
-//     this.drawSketch();
-//   }
-//
-//   public update() {
-//     if (!this._canOperate) return;
-//     this.clear();
-//     this.add();
-//   }
-//
-//   //创建相机
-//   public createLightCamera() {
-//     if (!this._canOperate) return;
-//     this.lightCamera = new Cesium.Camera(this.getMap().scene);
-//     this.lightCamera.position = this._viewPositionC3;
-//     // if (this.viewPositionEnd) {
-//     //     let direction = Cesium.Cartesian3.normalize(Cesium.Cartesian3.subtract(this.viewPositionEnd, this.viewPosition, new Cesium.Cartesian3()), new Cesium.Cartesian3());
-//     //     this.lightCamera.direction = direction; // direction是相机面向的方向
-//     // }
-//     this.lightCamera.frustum.near = this._viewDistance * 0.001;
-//     this.lightCamera.frustum.far = this._viewDistance;
-//     const hr = Cesium.Math.toRadians(this.options.horizontalViewAngle);
-//     const vr = Cesium.Math.toRadians(this.options.verticalViewAngle);
-//     const aspectRatio =
-//       (this._viewDistance * Math.tan(hr / 2) * 2) /
-//       (this._viewDistance * Math.tan(vr / 2) * 2);
-//     this.lightCamera.frustum.aspectRatio = aspectRatio;
-//     if (hr > vr) {
-//       this.lightCamera.frustum.fov = hr;
-//     } else {
-//       this.lightCamera.frustum.fov = vr;
-//     }
-//     this.lightCamera.setView({
-//       destination: this._viewPositionC3,
-//       orientation: {
-//         heading: Cesium.Math.toRadians(this._viewHeading || 0),
-//         pitch: Cesium.Math.toRadians(this._viewPitch || 0),
-//         roll: 0,
-//       },
-//     });
-//   }
-//
-//   //创建阴影贴图
-//   public createShadowMap() {
-//     if (!this._canOperate) return;
-//     // 启用地形阴影
-//     this.getMap().scene.globe.shadows = Cesium.ShadowMode.ENABLED;
-//     // this.shadowMap = new Cesium.ShadowMap();
-//     // this.shadowMap.enabled = this.options.enabled;
-//     // this.shadowMap.size = this.options.size;
-//     // this.shadowMap.softShadows = this.options.softShadows;
-//     // this.shadowMap.normalOffset = false;
-//     this.shadowMap = new Cesium.ShadowMap({
-//       context: this.getMap().scene.context,
-//       lightCamera: this.lightCamera,
-//       enabled: this.options.enabled,
-//       isPointLight: true,
-//       pointLightRadius: this._viewDistance,
-//       cascadesEnabled: false,
-//       size: this.options.size,
-//       softShadows: this.options.softShadows,
-//       normalOffset: false,
-//       fromLightSource: false,
-//     });
-//     this.getMap().scene.shadowMap = this.shadowMap;
-//   }
-//
-//   //创建PostStage
-//   public createPostStage() {
-//     if (!this._canOperate) return;
-//     const fs = `
-//         #define USE_CUBE_MAP_SHADOW true
-//         uniform sampler2D colorTexture;
-//         uniform sampler2D depthTexture;
-//         varying vec2 v_textureCoordinates;
-//         uniform mat4 camera_projection_matrix;
-//         uniform mat4 camera_view_matrix;
-//         uniform samplerCube shadowMap_textureCube;
-//         uniform mat4 shadowMap_matrix;
-//         uniform vec4 shadowMap_lightPositionEC;
-//         uniform vec4 shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness;
-//         uniform vec4 shadowMap_texelSizeDepthBiasAndNormalShadingSmooth;
-//         uniform float helsing_viewDistance;
-//         uniform vec4 helsing_visibleAreaColor;
-//         uniform vec4 helsing_invisibleAreaColor;
-//         struct zx_shadowParameters
-//         {
-//             vec3 texCoords;
-//             float depthBias;
-//             float depth;
-//             float nDotL;
-//             vec2 texelStepSize;
-//             float normalShadingSmooth;
-//             float darkness;
-//         };
-//         float czm_shadowVisibility(samplerCube shadowMap, zx_shadowParameters shadowParameters)
-//         {
-//             float depthBias = shadowParameters.depthBias;
-//             float depth = shadowParameters.depth;
-//             float nDotL = shadowParameters.nDotL;
-//             float normalShadingSmooth = shadowParameters.normalShadingSmooth;
-//             float darkness = shadowParameters.darkness;
-//             vec3 uvw = shadowParameters.texCoords;
-//             depth -= depthBias;
-//             float visibility = czm_shadowDepthCompare(shadowMap, uvw, depth);
-//             return czm_private_shadowVisibility(visibility, nDotL, normalShadingSmooth, darkness);
-//         }
-//         vec4 getPositionEC(){
-//             return czm_windowToEyeCoordinates(gl_FragCoord);
-//         }
-//         vec3 getNormalEC(){
-//             return vec3(1.);
-//         }
-//         vec4 toEye( vec2 uv, float depth){
-//             vec2 xy=vec2((uv.x*2.-1.),(uv.y*2.-1.));
-//             vec4 posInCamera=czm_inverseProjection*vec4(xy,depth,1.);
-//             posInCamera=posInCamera/posInCamera.w;
-//             return posInCamera;
-//         }
-//         vec3 pointProjectOnPlane( vec3 planeNormal, vec3 planeOrigin, vec3 point){
-//             vec3 v01=point-planeOrigin;
-//             float d=dot(planeNormal,v01);
-//             return(point-planeNormal*d);
-//         }
-//         float getDepth( vec4 depth){
-//             float z_window=czm_unpackDepth(depth);
-//             z_window=czm_reverseLogDepth(z_window);
-//             float n_range=czm_depthRange.near;
-//             float f_range=czm_depthRange.far;
-//             return(2.*z_window-n_range-f_range)/(f_range-n_range);
-//         }
-//         float shadow( vec4 positionEC){
-//             vec3 normalEC=getNormalEC();
-//             zx_shadowParameters shadowParameters;
-//             shadowParameters.texelStepSize=shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.xy;
-//             shadowParameters.depthBias=shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.z;
-//             shadowParameters.normalShadingSmooth=shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.w;
-//             shadowParameters.darkness=shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness.w;
-//             vec3 directionEC=positionEC.xyz-shadowMap_lightPositionEC.xyz;
-//             float distance=length(directionEC);
-//             directionEC=normalize(directionEC);
-//             float radius=shadowMap_lightPositionEC.w;
-//             if(distance>radius)
-//             {
-//                 return 2.0;
-//             }
-//             vec3 directionWC=czm_inverseViewRotation*directionEC;
-//             shadowParameters.depth=distance/radius-0.0003;
-//             shadowParameters.nDotL=clamp(dot(normalEC,-directionEC),0.,1.);
-//             shadowParameters.texCoords=directionWC;
-//             float visibility=czm_shadowVisibility(shadowMap_textureCube,shadowParameters);
-//             return visibility;
-//         }
-//         bool visible( vec4 result)
-//         {
-//             result.x/=result.w;
-//             result.y/=result.w;
-//             result.z/=result.w;
-//             return result.x>=-1.&&result.x<=1.
-//             &&result.y>=-1.&&result.y<=1.
-//             &&result.z>=-1.&&result.z<=1.;
-//         }
-//         void main(){
-//             // 釉色 = 结构二维(颜色纹理, 纹理坐标)
-//             gl_FragColor = texture2D(colorTexture, v_textureCoordinates);
-//             // 深度 = 获取深度(结构二维(深度纹理, 纹理坐标))
-//             float depth = getDepth(texture2D(depthTexture, v_textureCoordinates));
-//             // 视角 = (纹理坐标, 深度)
-//             vec4 viewPos = toEye(v_textureCoordinates, depth);
-//             // 世界坐标
-//             vec4 wordPos = czm_inverseView * viewPos;
-//             // 虚拟相机中坐标
-//             vec4 vcPos = camera_view_matrix * wordPos;
-//             float near = .001 * helsing_viewDistance;
-//             float dis = length(vcPos.xyz);
-//             if(dis > near && dis < helsing_viewDistance){
-//                 // 透视投影
-//                 vec4 posInEye = camera_projection_matrix * vcPos;
-//                 // 可视区颜色
-//                 // vec4 helsing_visibleAreaColor=vec4(0.,1.,0.,.5);
-//                 // vec4 helsing_invisibleAreaColor=vec4(1.,0.,0.,.5);
-//                 if(visible(posInEye)){
-//                     float vis = shadow(viewPos);
-//                     if(vis > 0.3){
-//                         gl_FragColor = mix(gl_FragColor,helsing_visibleAreaColor,.5);
-//                     } else{
-//                         gl_FragColor = mix(gl_FragColor,helsing_invisibleAreaColor,.5);
-//                     }
-//                 }
-//             }
-//         }`;
-//     const scene = this.getMap().scene;
-//     const postStage = new Cesium.PostProcessStage({
-//       fragmentShader: fs,
-//       uniforms: {
-//         shadowMap_textureCube: () => {
-//           this.shadowMap.update(Reflect.get(scene, '_frameState'));
-//           return Reflect.get(this.shadowMap, '_shadowMapTexture');
-//         },
-//         shadowMap_matrix: () => {
-//           this.shadowMap.update(Reflect.get(scene, '_frameState'));
-//           return Reflect.get(this.shadowMap, '_shadowMapMatrix');
-//         },
-//         shadowMap_lightPositionEC: () => {
-//           this.shadowMap.update(Reflect.get(scene, '_frameState'));
-//           return Reflect.get(this.shadowMap, '_lightPositionEC');
-//         },
-//         shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness: () => {
-//           this.shadowMap.update(Reflect.get(scene, '_frameState'));
-//           const bias = this.shadowMap._pointBias;
-//           return Cesium.Cartesian4.fromElements(
-//             bias.normalOffsetScale,
-//             this.shadowMap._distance,
-//             this.shadowMap.maximumDistance,
-//             0.0,
-//             new Cesium.Cartesian4(),
-//           );
-//         },
-//         shadowMap_texelSizeDepthBiasAndNormalShadingSmooth: () => {
-//           this.shadowMap.update(Reflect.get(scene, '_frameState'));
-//           const bias = this.shadowMap._pointBias;
-//           const scratchTexelStepSize = new Cesium.Cartesian2();
-//           const texelStepSize = scratchTexelStepSize;
-//           texelStepSize.x = 1.0 / this.shadowMap._textureSize.x;
-//           texelStepSize.y = 1.0 / this.shadowMap._textureSize.y;
-//
-//           return Cesium.Cartesian4.fromElements(
-//             texelStepSize.x,
-//             texelStepSize.y,
-//             bias.depthBias,
-//             bias.normalShadingSmooth,
-//             new Cesium.Cartesian4(),
-//           );
-//         },
-//         camera_projection_matrix: this.lightCamera.frustum.projectionMatrix,
-//         camera_view_matrix: this.lightCamera.viewMatrix,
-//         helsing_viewDistance: () => {
-//           return this._viewDistance;
-//         },
-//         helsing_visibleAreaColor: this.options.visibleAreaColor,
-//         helsing_invisibleAreaColor: this.options.invisibleAreaColor,
-//       },
-//     });
-//     this.postStage = scene.postProcessStages.add(postStage);
-//   }
-//
-//   //创建视锥线
-//   public drawFrustumOutline() {
-//     if (!this._canOperate) return;
-//     const scratchRight = new Cesium.Cartesian3();
-//     const scratchRotation = new Cesium.Matrix3();
-//     const scratchOrientation = new Cesium.Quaternion();
-//     // const position = this.lightCamera.positionWC;
-//     const direction = this.lightCamera.directionWC;
-//     const up = this.lightCamera.upWC;
-//     let right = this.lightCamera.rightWC;
-//     right = Cesium.Cartesian3.negate(right, scratchRight);
-//     const rotation = scratchRotation;
-//     Cesium.Matrix3.setColumn(rotation, 0, right, rotation);
-//     Cesium.Matrix3.setColumn(rotation, 1, up, rotation);
-//     Cesium.Matrix3.setColumn(rotation, 2, direction, rotation);
-//     const orientation = Cesium.Quaternion.fromRotationMatrix(
-//       rotation,
-//       scratchOrientation,
-//     );
-//
-//     const instance = new Cesium.GeometryInstance({
-//       geometry: new Cesium.FrustumOutlineGeometry({
-//         frustum: this.lightCamera.frustum,
-//         origin: this._viewPositionC3,
-//         orientation: orientation,
-//       }),
-//       attributes: {
-//         color: Cesium.ColorGeometryInstanceAttribute.fromColor(
-//           Cesium.Color.YELLOWGREEN, //new Cesium.Color(0.0, 1.0, 0.0, 1.0)
-//         ),
-//         show: new Cesium.ShowGeometryInstanceAttribute(true),
-//       },
-//     });
-//
-//     this.frustumOutline = this.getMap().scene.primitives.add(
-//       new Cesium.Primitive({
-//         geometryInstances: [instance],
-//         appearance: new Cesium.PerInstanceColorAppearance({
-//           flat: true,
-//           translucent: false,
-//         }),
-//       }),
-//     );
-//   }
-//
-//   //创建视网
-//   public drawSketch() {
-//     if (!this._canOperate) return;
-//     this.sketch = this.getMap().entities.add({
-//       name: 'sketch',
-//       position: this._viewPositionC3,
-//       orientation: Cesium.Transforms.headingPitchRollQuaternion(
-//         this._viewPositionC3,
-//         Cesium.HeadingPitchRoll.fromDegrees(
-//           this._viewHeading - this.options.horizontalViewAngle,
-//           this._viewPitch,
-//           0.0,
-//         ),
-//       ),
-//       ellipsoid: {
-//         radii: new Cesium.Cartesian3(
-//           this._viewDistance,
-//           this._viewDistance,
-//           this._viewDistance,
-//         ),
-//         // innerRadii: new Cesium.Cartesian3(2.0, 2.0, 2.0),
-//         minimumClock: Cesium.Math.toRadians(
-//           -this.options.horizontalViewAngle / 2,
-//         ),
-//         maximumClock: Cesium.Math.toRadians(
-//           this.options.horizontalViewAngle / 2,
-//         ),
-//         minimumCone: Cesium.Math.toRadians(
-//           this.options.verticalViewAngle + 7.75,
-//         ),
-//         maximumCone: Cesium.Math.toRadians(
-//           180 - this.options.verticalViewAngle - 7.75,
-//         ),
-//         fill: false,
-//         outline: true,
-//         subdivisions: 256,
-//         stackPartitions: 64,
-//         slicePartitions: 64,
-//         outlineColor: Cesium.Color.YELLOWGREEN,
-//       },
-//     });
-//   }
-//
-//   public clear() {
-//     if (!this._canOperate) return;
-//     if (this.frustumOutline) {
-//       this.frustumOutline.destroy();
-//       this.frustumOutline = null;
-//     }
-//     if (this.postStage) {
-//       this.getMap().scene.postProcessStages.remove(this.postStage);
-//       this.postStage = null;
-//     }
-//     if (this.sketch) {
-//       this.getMap().entities.remove(this.sketch);
-//       this.sketch = null;
-//     }
-//   }
-//
-//   public destroy() {
-//     if (!this._canOperate) return;
-//     this.isDestroyed = true;
-//     this.clear();
-//   }
-// }
-//
-// export default ViewshedAnalysis;
-//
-// //获取偏航角
-// function getHeading(fromPosition: any, toPosition: any) {
-//   const finalPosition = new Cesium.Cartesian3();
-//   const matrix4 = Cesium.Transforms.eastNorthUpToFixedFrame(fromPosition);
-//   Cesium.Matrix4.inverse(matrix4, matrix4);
-//   Cesium.Matrix4.multiplyByPoint(matrix4, toPosition, finalPosition);
-//   Cesium.Cartesian3.normalize(finalPosition, finalPosition);
-//   return Cesium.Math.toDegrees(Math.atan2(finalPosition.x, finalPosition.y));
-// }
-//
-// //获取俯仰角
-// function getPitch(fromPosition: any, toPosition: any) {
-//   const finalPosition = new Cesium.Cartesian3();
-//   const matrix4 = Cesium.Transforms.eastNorthUpToFixedFrame(fromPosition);
-//   Cesium.Matrix4.inverse(matrix4, matrix4);
-//   Cesium.Matrix4.multiplyByPoint(matrix4, toPosition, finalPosition);
-//   Cesium.Cartesian3.normalize(finalPosition, finalPosition);
-//   return Cesium.Math.toDegrees(Math.asin(finalPosition.z));
-// }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import * as Cesium from 'deeptwins-cesium';
+import { merge } from 'lodash';
+import { DEFAULT_VIEWSHED_ANALYSIS_OPTIONS } from "../constant";
+import * as utils from "../tool/utils";
+import FrustumWithCamera from "../visualization/FrustumWithCamera";
+
+// 可视域分析。
+var ViewshedAnalysis = /*#__PURE__*/function () {
+  function ViewshedAnalysis(map, options) {
+    _classCallCheck(this, ViewshedAnalysis);
+    _defineProperty(this, "_mapContext", void 0);
+    _defineProperty(this, "options", void 0);
+    _defineProperty(this, "isDestroyed", false);
+    _defineProperty(this, "_viewPositionC3", void 0);
+    _defineProperty(this, "_viewPositionEndC3", void 0);
+    _defineProperty(this, "_viewDistance", void 0);
+    _defineProperty(this, "_viewHeading", void 0);
+    _defineProperty(this, "_viewPitch", void 0);
+    _defineProperty(this, "lightCamera", void 0);
+    _defineProperty(this, "shadowMap", void 0);
+    _defineProperty(this, "postStage", void 0);
+    _defineProperty(this, "frustumCamera", void 0);
+    _defineProperty(this, "sketchLayer", void 0);
+    this._mapContext = map._mapContext;
+    this.options = merge(DEFAULT_VIEWSHED_ANALYSIS_OPTIONS(), options);
+    if (!this.options.position) return;
+    var _this$options$positio = _slicedToArray(this.options.position, 3),
+      lng = _this$options$positio[0],
+      lat = _this$options$positio[1],
+      alt = _this$options$positio[2];
+    this._viewPositionC3 = utils.lngLatAltToCartesian3(lng, lat, alt || 0);
+    this._viewDistance = this.options.distance;
+    this._viewHeading = this.options.heading;
+    this._viewPitch = this.options.pitch;
+    if (this.options.positionEnd) {
+      var _this$options$positio2 = _slicedToArray(this.options.positionEnd, 3),
+        _lng = _this$options$positio2[0],
+        _lat = _this$options$positio2[1],
+        _alt = _this$options$positio2[2];
+      this._viewPositionEndC3 = utils.lngLatAltToCartesian3(_lng, _lat, _alt || 0);
+      this._viewDistance = Cesium.Cartesian3.distance(this._viewPositionC3, this._viewPositionEndC3);
+      this._viewHeading = getHeading(this._viewPositionC3, this._viewPositionEndC3);
+      this._viewPitch = getPitch(this._viewPositionC3, this._viewPositionEndC3);
+    }
+    this.create();
+  }
+
+  // 是否能进行操作
+  _createClass(ViewshedAnalysis, [{
+    key: "_canOperate",
+    value: function _canOperate() {
+      if (this.isDestroyed) {
+        utils.error('SunLightAnalysis实例已销毁');
+        return false;
+      }
+      return true;
+    }
+  }, {
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+  }, {
+    key: "create",
+    value: function create() {
+      this._createLightCamera();
+      this._createShadowMap();
+      this._createPostStage();
+      this._drawFrustumOutline();
+      this._drawSketch();
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      if (!this._canOperate) return;
+      this.clear();
+      this.create();
+    }
+
+    //创建相机
+  }, {
+    key: "_createLightCamera",
+    value: function _createLightCamera() {
+      if (!this._canOperate) return;
+      this.lightCamera = new Cesium.Camera(this.getMap().scene);
+      this.lightCamera.position = this._viewPositionC3;
+      // if (this._viewPositionEndC3) {
+      //   this.lightCamera.direction = Cesium.Cartesian3.normalize(
+      //     Cesium.Cartesian3.subtract(
+      //       this._viewPositionEndC3,
+      //       this._viewPositionC3,
+      //       new Cesium.Cartesian3(),
+      //     ),
+      //     new Cesium.Cartesian3(),
+      //   ); // direction是相机面向的方向
+      // }
+      this.lightCamera.frustum.near = this._viewDistance * 0.001;
+      this.lightCamera.frustum.far = this._viewDistance;
+      var hr = Cesium.Math.toRadians(this.options.horizontalViewAngle);
+      var vr = Cesium.Math.toRadians(this.options.verticalViewAngle);
+      this.lightCamera.frustum.aspectRatio = this._viewDistance * Math.tan(hr / 2) * 2 / (this._viewDistance * Math.tan(vr / 2) * 2);
+      if (hr > vr) {
+        this.lightCamera.frustum.fov = hr;
+      } else {
+        this.lightCamera.frustum.fov = vr;
+      }
+      this.lightCamera.setView({
+        destination: this._viewPositionC3,
+        orientation: {
+          heading: Cesium.Math.toRadians(this._viewHeading || 0),
+          pitch: Cesium.Math.toRadians(this._viewPitch || 0),
+          roll: 0
+        }
+      });
+    }
+
+    //创建阴影贴图
+  }, {
+    key: "_createShadowMap",
+    value: function _createShadowMap() {
+      if (!this._canOperate) return;
+      // 启用地形阴影
+      this.getMap().scene.globe.shadows = Cesium.ShadowMode.ENABLED;
+      this.shadowMap = new Cesium.ViewshedShadowMap({
+        context: this.getMap().scene.context,
+        lightCamera: this.lightCamera,
+        enabled: this.options.enabled,
+        isPointLight: true,
+        pointLightRadius: this._viewDistance,
+        cascadesEnabled: false,
+        size: this.options.size,
+        softShadows: this.options.softShadows,
+        normalOffset: false,
+        // @ts-ignore
+        fromLightSource: false,
+        fadingEnabled: false
+      });
+      this.getMap().scene.shadowMap = this.shadowMap;
+    }
+
+    //创建PostStage
+  }, {
+    key: "_createPostStage",
+    value: function _createPostStage() {
+      var _this = this;
+      if (!this._canOperate()) return;
+      var fs = "\n    #ifdef GL_ES\n    precision highp float;\n    #endif\n\n    #define USE_CUBE_MAP_SHADOW true\n\n    uniform sampler2D colorTexture;\n    uniform sampler2D depthTexture;\n    in vec2 v_textureCoordinates;\n\n    uniform mat4 camera_projection_matrix;\n    uniform mat4 camera_view_matrix;\n    uniform samplerCube shadowMap_textureCube;\n    uniform mat4 shadowMap_matrix;\n    uniform vec4 shadowMap_lightPositionEC;\n    uniform vec4 shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness;\n    uniform vec4 shadowMap_texelSizeDepthBiasAndNormalShadingSmooth;\n    uniform float helsing_viewDistance;\n    uniform vec4 helsing_visibleAreaColor;\n    uniform vec4 helsing_invisibleAreaColor;\n\n    out vec4 fragColor;\n\n    struct zx_shadowParameters {\n        vec3 texCoords;\n        float depthBias;\n        float depth;\n        float nDotL;\n        vec2 texelStepSize;\n        float normalShadingSmooth;\n        float darkness;\n    };\n\n    float czm_shadowVisibility(samplerCube shadowMap, zx_shadowParameters shadowParameters) {\n        float depthBias = shadowParameters.depthBias;\n        float depth = shadowParameters.depth;\n        float nDotL = shadowParameters.nDotL;\n        float normalShadingSmooth = shadowParameters.normalShadingSmooth;\n        float darkness = shadowParameters.darkness;\n        vec3 uvw = shadowParameters.texCoords;\n        depth -= depthBias;\n        float visibility = czm_shadowDepthCompare(shadowMap, uvw, depth);\n        return czm_private_shadowVisibility(visibility, nDotL, normalShadingSmooth, darkness);\n    }\n\n    vec4 getPositionEC(){\n        return czm_windowToEyeCoordinates(gl_FragCoord);\n    }\n\n    vec3 getNormalEC(){\n        return vec3(1.0);\n    }\n\n    vec4 toEye( vec2 uv, float depth){\n        vec2 xy = vec2((uv.x * 2.0 - 1.0), (uv.y * 2.0 - 1.0));\n        vec4 posInCamera = czm_inverseProjection * vec4(xy, depth, 1.0);\n        posInCamera = posInCamera / posInCamera.w;\n        return posInCamera;\n    }\n\n    vec3 pointProjectOnPlane( vec3 planeNormal, vec3 planeOrigin, vec3 point ){\n        vec3 v01 = point - planeOrigin;\n        float d = dot(planeNormal, v01);\n        return (point - planeNormal * d);\n    }\n\n    float getDepth( vec4 depth){\n        float z_window = czm_unpackDepth(depth);\n        z_window = czm_reverseLogDepth(z_window);\n        float n_range = czm_depthRange.near;\n        float f_range = czm_depthRange.far;\n        return (2.0 * z_window - n_range - f_range) / (f_range - n_range);\n    }\n\n    float shadow( vec4 positionEC ){\n        vec3 normalEC = getNormalEC();\n        zx_shadowParameters shadowParameters;\n        shadowParameters.texelStepSize = shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.xy;\n        shadowParameters.depthBias = shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.z;\n        shadowParameters.normalShadingSmooth = shadowMap_texelSizeDepthBiasAndNormalShadingSmooth.w;\n        shadowParameters.darkness = shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness.w;\n        vec3 directionEC = positionEC.xyz - shadowMap_lightPositionEC.xyz;\n        float distance = length(directionEC);\n        directionEC = normalize(directionEC);\n        float radius = shadowMap_lightPositionEC.w;\n        if (distance > radius) {\n            return 2.0;\n        }\n        vec3 directionWC = czm_inverseViewRotation * directionEC;\n        shadowParameters.depth = distance / radius - 0.0003;\n        shadowParameters.nDotL = clamp(dot(normalEC, -directionEC), 0.0, 1.0);\n        shadowParameters.texCoords = directionWC;\n        float visibility = czm_shadowVisibility(shadowMap_textureCube, shadowParameters);\n        return visibility;\n    }\n\n    bool visible( vec4 result ) {\n        vec4 r = result / result.w;\n        return r.x >= -1.0 && r.x <= 1.0 &&\n               r.y >= -1.0 && r.y <= 1.0 &&\n               r.z >= -1.0 && r.z <= 1.0;\n    }\n\n    void main() {\n        // base color from the color texture\n        vec4 baseColor = texture(colorTexture, v_textureCoordinates);\n\n        // fetch depth and convert\n        float depth = getDepth(texture(depthTexture, v_textureCoordinates));\n        vec4 viewPos = toEye(v_textureCoordinates, depth);\n        vec4 worldPos = czm_inverseView * viewPos;\n        vec4 vcPos = camera_view_matrix * worldPos;\n\n        float near = 0.001 * helsing_viewDistance;\n        float dis = length(vcPos.xyz);\n\n        fragColor = baseColor;\n\n        if (dis > near && dis < helsing_viewDistance) {\n            vec4 posInEye = camera_projection_matrix * vcPos;\n            if (visible(posInEye)) {\n                float vis = shadow(viewPos);\n                if (vis > 0.3) {\n                    fragColor = mix(fragColor, helsing_visibleAreaColor, 0.5);\n                } else {\n                    fragColor = mix(fragColor, helsing_invisibleAreaColor, 0.5);\n                }\n            }\n        }\n    }\n  ";
+      var scene = this.getMap().scene;
+      var postStage = new Cesium.PostProcessStage({
+        fragmentShader: fs,
+        uniforms: {
+          shadowMap_textureCube: function shadowMap_textureCube() {
+            _this.shadowMap.update(Reflect.get(scene, '_frameState'));
+            return Reflect.get(_this.shadowMap, '_shadowMapTexture');
+          },
+          shadowMap_matrix: function shadowMap_matrix() {
+            _this.shadowMap.update(Reflect.get(scene, '_frameState'));
+            return Reflect.get(_this.shadowMap, '_shadowMapMatrix');
+          },
+          shadowMap_lightPositionEC: function shadowMap_lightPositionEC() {
+            _this.shadowMap.update(Reflect.get(scene, '_frameState'));
+            return Reflect.get(_this.shadowMap, '_lightPositionEC');
+          },
+          shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness: function shadowMap_normalOffsetScaleDistanceMaxDistanceAndDarkness() {
+            _this.shadowMap.update(Reflect.get(scene, '_frameState'));
+            var bias = _this.shadowMap._pointBias;
+            // Return a Cartesian4 (normalOffsetScale, distance, maximumDistance, darkness)
+            return Cesium.Cartesian4.fromElements(bias.normalOffsetScale, _this.shadowMap._distance, _this.shadowMap.maximumDistance, 0.0);
+          },
+          shadowMap_texelSizeDepthBiasAndNormalShadingSmooth: function shadowMap_texelSizeDepthBiasAndNormalShadingSmooth() {
+            _this.shadowMap.update(Reflect.get(scene, '_frameState'));
+            var bias = _this.shadowMap._pointBias;
+            var texelStepSizeX = 1.0 / _this.shadowMap._textureSize.x;
+            var texelStepSizeY = 1.0 / _this.shadowMap._textureSize.y;
+            return Cesium.Cartesian4.fromElements(texelStepSizeX, texelStepSizeY, bias.depthBias, bias.normalShadingSmooth);
+          },
+          camera_projection_matrix: this.lightCamera.frustum.projectionMatrix,
+          camera_view_matrix: this.lightCamera.viewMatrix,
+          helsing_viewDistance: function helsing_viewDistance() {
+            return _this._viewDistance;
+          },
+          helsing_visibleAreaColor: this.options.visibleAreaColor,
+          helsing_invisibleAreaColor: this.options.invisibleAreaColor
+        }
+      });
+      this.postStage = scene.postProcessStages.add(postStage);
+    }
+
+    //创建视锥线
+  }, {
+    key: "_drawFrustumOutline",
+    value: function _drawFrustumOutline() {
+      if (!this._canOperate) return;
+      this.frustumCamera = new FrustumWithCamera(this.getMap(), {
+        position: this.options.position,
+        fill: false,
+        outlineColor: this.options.outlineColor,
+        camera: this.lightCamera
+      });
+    }
+
+    //创建视网
+  }, {
+    key: "_drawSketch",
+    value: function _drawSketch() {
+      if (!this._canOperate) return;
+      this.sketchLayer = this.getMap().addGraphicLayer({
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: this.options.position
+        }
+      }, {
+        type: 'ellipsoid',
+        style: {
+          radii: [this._viewDistance, this._viewDistance, this._viewDistance],
+          minimumClock: -this.options.horizontalViewAngle / 2,
+          maximumClock: this.options.horizontalViewAngle / 2,
+          minimumCone: this.options.verticalViewAngle + 7.75,
+          maximumCone: 180 - this.options.verticalViewAngle - 7.75,
+          fill: false,
+          outline: true,
+          subdivisions: 256,
+          stackPartitions: 64,
+          slicePartitions: 64,
+          outlineColor: this.options.outlineColor
+        }
+      });
+      this.sketchLayer.layers[0].entity.orientation = Cesium.Transforms.headingPitchRollQuaternion(this._viewPositionC3, Cesium.HeadingPitchRoll.fromDegrees(this._viewHeading - this.options.horizontalViewAngle, this._viewPitch, 0.0));
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      if (!this._canOperate) return;
+      if (this.frustumCamera) {
+        this.frustumCamera.destroy();
+        this.frustumCamera = null;
+      }
+      if (this.postStage) {
+        this.getMap().scene.postProcessStages.remove(this.postStage);
+        this.postStage = null;
+      }
+      if (this.sketchLayer) {
+        this.sketchLayer.remove();
+        this.sketchLayer = null;
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      if (!this._canOperate) return;
+      this.isDestroyed = true;
+      this.clear();
+    }
+  }]);
+  return ViewshedAnalysis;
+}();
+export default ViewshedAnalysis;
+
+//获取偏航角
+function getHeading(fromPosition, toPosition) {
+  var finalPosition = new Cesium.Cartesian3();
+  var matrix4 = Cesium.Transforms.eastNorthUpToFixedFrame(fromPosition);
+  Cesium.Matrix4.inverse(matrix4, matrix4);
+  Cesium.Matrix4.multiplyByPoint(matrix4, toPosition, finalPosition);
+  Cesium.Cartesian3.normalize(finalPosition, finalPosition);
+  return Cesium.Math.toDegrees(Math.atan2(finalPosition.x, finalPosition.y));
+}
+
+//获取俯仰角
+function getPitch(fromPosition, toPosition) {
+  var finalPosition = new Cesium.Cartesian3();
+  var matrix4 = Cesium.Transforms.eastNorthUpToFixedFrame(fromPosition);
+  Cesium.Matrix4.inverse(matrix4, matrix4);
+  Cesium.Matrix4.multiplyByPoint(matrix4, toPosition, finalPosition);
+  Cesium.Cartesian3.normalize(finalPosition, finalPosition);
+  return Cesium.Math.toDegrees(Math.asin(finalPosition.z));
+}