leiting-bim 2.1.48 → 2.1.52

package/plugins/plugins/cesium-core/src/components/measurement/handlers/TerrainHeightMeasure.ts

@@ -1,185 +0,0 @@
-import { IMeasure, MeasurementOptions, MeasurementRecord } from '../types';
-import { HtmlOverlayLabelPool } from '../../HtmlOverlayLabelPool';
-
-export default class TerrainHeightMeasure implements IMeasure {
-  private Cesium: any;
-  private viewer: any;
-  private handler: any = null;
-  private labelEntity: any = null;
-  private htmlLabelPool: any = null;
-  private htmlLabelId: string | null = null;
-  private topPoint: any = null;
-  private zeroPoint: any = null;
-  private lineEntity: any = null;
-
-  constructor(Cesium: any, viewer: any) {
-    this.Cesium = Cesium;
-    this.viewer = viewer;
-  }
-
-  start(options: MeasurementOptions) {
-    this.clear();
-    const Cesium = this.Cesium;
-    const viewer = this.viewer;
-    if (!this.htmlLabelPool) {
-      const containerId = options.overlayContainerId || 'html-label-container';
-      this.htmlLabelPool = new HtmlOverlayLabelPool(Cesium, viewer, containerId);
-      this.htmlLabelPool.registerTheme('measure-terrainHeight', {
-        createElement: (el: HTMLDivElement, ctx: any) => {
-          el.innerHTML = String(ctx?.data?.text || '');
-          el.style.background = 'rgba(0,0,0,0.6)';
-          el.style.color = '#fff';
-          el.style.font = '14px sans-serif';
-          el.style.padding = '4px 6px';
-          el.style.borderRadius = '4px';
-          el.style.whiteSpace = 'pre';
-        },
-        options: { offset: { x: 0, y: -10 } },
-      });
-    }
-    this.handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
-    this.handler.setInputAction((movement: any) => {
-      const position = viewer.scene.pickPosition(movement.position);
-      if (!position) return;
-      const carto = Cesium.Cartographic.fromCartesian(position);
-      const terrainHeight = viewer.scene.globe.getHeight(
-        new Cesium.Cartographic(carto.longitude, carto.latitude, 0),
-      ) || 0;
-      const lng = Cesium.Math.toDegrees(carto.longitude);
-      const lat = Cesium.Math.toDegrees(carto.latitude);
-      const terrainPos = Cesium.Cartesian3.fromDegrees(lng, lat, terrainHeight);
-      this.topPoint = viewer.entities.add({
-        position,
-        point: {
-          pixelSize: 8,
-          color: options.color || Cesium.Color.YELLOW,
-          disableDepthTestDistance: Number.POSITIVE_INFINITY,
-        },
-      });
-      this.zeroPoint = viewer.entities.add({
-        position: terrainPos,
-        point: {
-          pixelSize: 8,
-          color: Cesium.Color.YELLOW,
-          disableDepthTestDistance: Number.POSITIVE_INFINITY,
-        },
-      });
-      this.lineEntity = viewer.entities.add({
-        polyline: {
-          positions: [terrainPos, position],
-          width: options.width || 3,
-          material: options.color || Cesium.Color.YELLOW,
-          depthFailMaterial: new Cesium.PolylineDashMaterialProperty({
-            color: Cesium.Color.RED,
-            dashLength: 12,
-            dashPattern: 255,
-          }),
-        },
-      });
-      const t = options.labelText || { height: '高差' };
-      const heightDiff = (carto.height || 0) - terrainHeight;
-      const labelText = `${t.height}:${heightDiff.toFixed(2)} m`;
-      const id = this.htmlLabelId || `measure_terrain_${Date.now()}`;
-      this.htmlLabelId = id;
-      this.htmlLabelPool.add(
-        { text: labelText },
-        {
-          id,
-          lon: lng,
-          lat: lat,
-          height: carto.height || 0,
-          theme: 'measure-terrainHeight',
-          show: true,
-        },
-      );
-      this.labelEntity = this.htmlLabelId;
-      const result = {
-        label: this.labelEntity,
-        position,
-        zeroPosition: terrainPos,
-        line: this.lineEntity,
-        terrainHeight,
-        difference: heightDiff,
-        clear: () => this.clear(),
-      };
-      options.onComplete?.(result);
-      this.stop();
-    }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
-  }
-
-  stop() {
-    if (this.handler) {
-      this.handler.destroy();
-      this.handler = null;
-    }
-  }
-
-  clear() {
-    this.stop();
-    if (this.lineEntity) {
-      this.viewer.entities.remove(this.lineEntity);
-      this.lineEntity = null;
-    }
-    if (this.topPoint) {
-      this.viewer.entities.remove(this.topPoint);
-      this.topPoint = null;
-    }
-    if (this.zeroPoint) {
-      this.viewer.entities.remove(this.zeroPoint);
-      this.zeroPoint = null;
-    }
-    if (this.htmlLabelId && this.htmlLabelPool) {
-      this.htmlLabelPool.removeByIds([this.htmlLabelId]);
-      this.htmlLabelId = null;
-    }
-  }
-
-  rehydrate(record: MeasurementRecord, htmlLabelPool?: HtmlOverlayLabelPool) {
-    const Cesium = this.Cesium;
-    const viewer = this.viewer;
-    const opts = (record.options || {}) as MeasurementOptions;
-    const posList = (record.positions || []).map((p) => new Cesium.Cartesian3(p[0], p[1], p[2]));
-    if (posList.length < 1) {
-      const data: any = record.data || {};
-      const p = data.position;
-      if (p) {
-        if (Array.isArray(p) && p.length === 3) {
-          posList.push(new Cesium.Cartesian3(p[0], p[1], p[2]));
-        } else if (typeof p === 'object' && p && 'x' in p && 'y' in p && 'z' in p) {
-          posList.push(new Cesium.Cartesian3(p.x, p.y, p.z));
-        }
-      }
-    }
-    if (posList.length < 1) return;
-    if (!this.htmlLabelPool) {
-      const containerId = opts.overlayContainerId || 'html-label-container';
-      this.htmlLabelPool = htmlLabelPool || new HtmlOverlayLabelPool(Cesium, viewer, containerId);
-      this.htmlLabelPool.registerTheme('measure-terrainHeight', {
-        createElement: (el: HTMLDivElement, ctx: any) => {
-          el.innerHTML = String(ctx?.data?.text || '');
-          el.style.background = 'rgba(0,0,0,0.6)';
-          el.style.color = '#fff';
-          el.style.font = '14px sans-serif';
-          el.style.padding = '4px 6px';
-          el.style.borderRadius = '4px';
-          el.style.whiteSpace = 'pre';
-        },
-        options: { offset: { x: 0, y: -10 } },
-      });
-    }
-    const position = posList[0];
-    const carto = Cesium.Cartographic.fromCartesian(position);
-    const terrainHeight = viewer.scene.globe.getHeight(new Cesium.Cartographic(carto.longitude, carto.latitude, 0)) || 0;
-    const lng = Cesium.Math.toDegrees(carto.longitude);
-    const lat = Cesium.Math.toDegrees(carto.latitude);
-    const terrainPos = Cesium.Cartesian3.fromDegrees(lng, lat, terrainHeight);
-    this.topPoint = viewer.entities.add({ position, point: { pixelSize: 8, color: opts.color || Cesium.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
-    this.zeroPoint = viewer.entities.add({ position: terrainPos, point: { pixelSize: 8, color: Cesium.Color.YELLOW, disableDepthTestDistance: Number.POSITIVE_INFINITY } });
-    this.lineEntity = viewer.entities.add({ polyline: { positions: [terrainPos, position], width: opts.width || 3, material: opts.color || Cesium.Color.YELLOW, depthFailMaterial: new Cesium.PolylineDashMaterialProperty({ color: Cesium.Color.RED, dashLength: 12, dashPattern: 255 }) } });
-    const t = opts.labelText || { height: '高差' };
-    const heightDiff = (carto.height || 0) - terrainHeight;
-    const id = record.id + '_terrain';
-    this.htmlLabelId = id;
-    this.htmlLabelPool.add({ text: `${t.height}:${heightDiff.toFixed(2)} m` }, { id, lon: lng, lat, height: carto.height || 0, theme: 'measure-terrainHeight', show: true });
-  }
-}