deeptwins-engine-3d 0.1.32 → 0.1.34

package/dist/esm/plot/utils/Coordinate.d.ts

@@ -0,0 +1,98 @@
+/**
+ * 地图坐标相关方法
+ */
+import * as Cesium from 'deeptwins-cesium';
+/**
+ * 获取屏幕中心点坐标，参数传空返回笛卡尔坐标
+ * @param type "cartesian"-笛卡尔，"degree"-经纬度
+ * @returns {object} {x,y,z}
+ */
+declare const getCameraCentor: (viewer: Cesium.Viewer, type: string | undefined) => any;
+/**
+ * 经纬度转笛卡尔坐标
+ * @param position - { x, y, z }
+ * @returns {Object} Cartesian3
+ */
+declare const transformWGS84ToCartesian: (position: {
+    x: number;
+    y: number;
+    z?: number;
+}) => Cesium.Cartesian3;
+/**
+ * 笛卡尔坐标转经纬度
+ * @param cartesian Cartesian3
+ * @returns {Object} { x, y, z }
+ */
+declare const transformCartesianToWGS84: (cartesian: any) => {
+    x: number;
+    y: number;
+    z: number;
+};
+/**
+ * 经纬度坐标由十进制度转度分秒
+ * @param position - { x, y, z }
+ * @returns - { x:[], y:[] }
+ */
+declare const transformWGS84ToDMS: (position: {
+    x: number;
+    y: number;
+    z?: number | undefined;
+}) => {
+    x: number[];
+    y: number[];
+};
+/**
+ * 经纬度坐标由度分秒转十进制度
+ * @param dms - { x:[], y:[] }
+ * @returns - { x, y }
+ */
+declare const transformDMSToWGS84: (dms: {
+    x: number[];
+    y: number[];
+}) => {
+    x: number;
+    y: number;
+};
+/**
+ * 十进制度转度分秒
+ * @param degree 十进制度坐标值
+ * @returns [ degrees, minutes, seconds ]
+ */
+declare const transformDegreeToDMS: (degree: number) => number[];
+/**
+ * 度分秒转十进制度
+ * @param dms 度分秒坐标值
+ * @returns 十进制度坐标值
+ */
+declare const transformDMSToDegree: (dms: number[]) => number;
+/**
+ * 获取屏幕点的笛卡尔坐标
+ * @param viewer 三维场景viewer
+ * @param px 屏幕像素点
+ * @returns {Object} Cartesian3 | null
+ */
+declare const getCatesian3FromPX: (viewer: any, px: {
+    x: number;
+    y: number;
+}) => any;
+/**
+ * 计算两点对于正北方向的朝向角度 [0,360]
+ * @param start format:{'x': 130, 'y': 20 }
+ * @param end format:{'x': 130, 'y': 20 }
+ * @returns
+ */
+declare const calculateAngle: (start: {
+    x: number;
+    y: number;
+}, end: {
+    x: number;
+    y: number;
+}) => number;
+/**
+ * 计算旋转矩阵
+ * @param cartesian 位置点（Cartesian3）
+ * @param hpr 旋转角：[heading, pitch, roll]，单位度
+ * @returns
+ */
+declare const calculateOrientation: (cartesian: any, hpr: number[]) => Cesium.Quaternion;
+export { calculateAngle, calculateOrientation, getCameraCentor, getCatesian3FromPX, transformCartesianToWGS84, transformDMSToDegree, transformDMSToWGS84, transformDegreeToDMS, transformWGS84ToCartesian, transformWGS84ToDMS, };

package/dist/esm/plot/utils/Coordinate.js

@@ -0,0 +1,184 @@
+/**
+ * 地图坐标相关方法
+ */
+import * as Cesium from 'deeptwins-cesium';
+/**
+ * 获取屏幕中心点坐标，参数传空返回笛卡尔坐标
+ * @param type "cartesian"-笛卡尔，"degree"-经纬度
+ * @returns {object} {x,y,z}
+ */
+var getCameraCentor = function getCameraCentor(viewer, type) {
+  var cartesian2 = new Cesium.Cartesian2(viewer.canvas.clientWidth / 2, viewer.canvas.clientHeight / 2);
+  var cartesian3 = getCatesian3FromPX(viewer, cartesian2);
+  return type === 'degree' ? transformCartesianToWGS84(cartesian3) : cartesian3;
+};
+/**
+ * 经纬度转笛卡尔坐标
+ * @param position - { x, y, z }
+ * @returns {Object} Cartesian3
+ */
+var transformWGS84ToCartesian = function transformWGS84ToCartesian(position) {
+  return position ? Cesium.Cartesian3.fromDegrees(position.x, position.y, position.z, Cesium.Ellipsoid.WGS84) : Cesium.Cartesian3.ZERO;
+};
+/**
+ * 笛卡尔坐标转经纬度
+ * @param cartesian Cartesian3
+ * @returns {Object} { x, y, z }
+ */
+var transformCartesianToWGS84 = function transformCartesianToWGS84(cartesian) {
+  var ellipsoid = Cesium.Ellipsoid.WGS84;
+  var cartographic = ellipsoid.cartesianToCartographic(cartesian);
+  var x = Cesium.Math.toDegrees(cartographic.longitude);
+  var y = Cesium.Math.toDegrees(cartographic.latitude);
+  var z = cartographic.height;
+  return {
+    x: x,
+    y: y,
+    z: z
+  };
+};
+/**
+ * 经纬度坐标由十进制度转度分秒
+ * @param position - { x, y, z }
+ * @returns - { x:[], y:[] }
+ */
+var transformWGS84ToDMS = function transformWGS84ToDMS(position) {
+  var x = transformDegreeToDMS(position.x);
+  var y = transformDegreeToDMS(position.y);
+  return {
+    x: x,
+    y: y
+  };
+};
+/**
+ * 经纬度坐标由度分秒转十进制度
+ * @param dms - { x:[], y:[] }
+ * @returns - { x, y }
+ */
+var transformDMSToWGS84 = function transformDMSToWGS84(dms) {
+  var x = transformDMSToDegree(dms.x);
+  var y = transformDMSToDegree(dms.y);
+  return {
+    x: x,
+    y: y
+  };
+};
+/**
+ * 十进制度转度分秒
+ * @param degree 十进制度坐标值
+ * @returns [ degrees, minutes, seconds ]
+ */
+var transformDegreeToDMS = function transformDegreeToDMS(degree) {
+  var value = degree.toString();
+  var i = value.indexOf('.');
+  var _degrees = i < 0 ? degree : Number(value.substring(0, i)); //获取度
+  var _minutes = 0;
+  var _seconds = 0;
+  if (i > 0) {
+    var minutes = Number(value.substring(i)) * 60;
+    var strMinutes = minutes.toString();
+    var n = strMinutes.indexOf('.');
+    _minutes = n < 0 ? minutes : Number(strMinutes.substring(0, n));
+    if (n > 0) {
+      var seconds = Number(strMinutes.substring(n)) * 60;
+      _seconds = Number(seconds.toFixed(2));
+    }
+  }
+  return [_degrees, _minutes, _seconds];
+};
+/**
+ * 度分秒转十进制度
+ * @param dms 度分秒坐标值
+ * @returns 十进制度坐标值
+ */
+var transformDMSToDegree = function transformDMSToDegree(dms) {
+  var _degrees = dms[0];
+  var _minutes = dms[1] ? dms[1] / 60 : 0;
+  var _seconds = dms[2] ? dms[2] / 3600 : 0;
+  var dmsResult = _degrees + _minutes + _seconds;
+  return dmsResult;
+};
+
+/**
+ * 获取屏幕点的笛卡尔坐标
+ * @param viewer 三维场景viewer
+ * @param px 屏幕像素点
+ * @returns {Object} Cartesian3 | null
+ */
+var getCatesian3FromPX = function getCatesian3FromPX(viewer, px) {
+  var cartesian = null;
+  var isOn3dtiles = false;
+  var isOnTerrain = false;
+  // drillPick
+  var picks = viewer.scene.drillPick(px);
+  for (var i in picks) {
+    var pick = picks[i];
+    if (pick && pick.primitive instanceof Cesium.Cesium3DTileFeature || pick && pick.primitive instanceof Cesium.Cesium3DTileset || pick && pick.primitive instanceof Cesium.Model) {
+      //模型上拾取位置点
+      isOn3dtiles = true;
+      return viewer.scene.pickPosition(px);
+    }
+  }
+  var noTerrain = viewer.terrainProvider instanceof Cesium.EllipsoidTerrainProvider; // 判断是否有地形
+  // 在地形上拾取位置点
+  if (!isOn3dtiles && !noTerrain) {
+    var ray = viewer.scene.camera.getPickRay(px);
+    if (!ray) return null;
+    isOnTerrain = true;
+    cartesian = viewer.scene.globe.pick(ray, viewer.scene);
+  }
+  // 在普通地球上拾取位置点
+  if (!isOn3dtiles && !isOnTerrain && noTerrain) {
+    cartesian = viewer.scene.camera.pickEllipsoid(px, viewer.scene.globe.ellipsoid);
+  }
+  return cartesian;
+};
+
+/*
+ * 计算两点对于正北方向的朝向角度 [0,360]
+ * @param {*} start format:{'x': 130, 'y': 20 }
+ * @param {*} end
+ */
+
+/**
+ * 计算两点对于正北方向的朝向角度 [0,360]
+ * @param start format:{'x': 130, 'y': 20 }
+ * @param end format:{'x': 130, 'y': 20 }
+ * @returns
+ */
+var calculateAngle = function calculateAngle(start, end) {
+  var rad = Math.PI / 180,
+    lat1 = start.y * rad,
+    lat2 = end.y * rad,
+    lon1 = start.x * rad,
+    lon2 = end.x * rad;
+  var a = Math.sin(lon2 - lon1) * Math.cos(lat2);
+  var b = Math.cos(lat1) * Math.sin(lat2) - Math.sin(lat1) * Math.cos(lat2) * Math.cos(lon2 - lon1);
+  return radiansToDegrees(Math.atan2(a, b));
+};
+
+/*
+ * 弧度转换为角度
+ */
+function radiansToDegrees(radians) {
+  var degrees = radians % (2 * Math.PI);
+  return degrees * 180 / Math.PI < 0 ? 360 + degrees * 180 / Math.PI : degrees * 180 / Math.PI;
+}
+/**
+ * 计算旋转矩阵
+ * @param cartesian 位置点（Cartesian3）
+ * @param hpr 旋转角：[heading, pitch, roll]，单位度
+ * @returns
+ */
+var calculateOrientation = function calculateOrientation(cartesian, hpr) {
+  var heading = Cesium.Math.toRadians(hpr[0]);
+  //弧度的螺距分量。
+  var pitch = Cesium.Math.toRadians(hpr[1]);
+  //滚动分量（结果以弧度为单位）
+  var roll = Cesium.Math.toRadians(hpr[2]);
+  //HeadingPitchRoll旋转表示为航向，俯仰和滚动。围绕Z轴。节距是绕负y轴的旋转。滚动是关于正x轴。
+  var _hpr = new Cesium.HeadingPitchRoll(heading, pitch, roll);
+  var orientation = Cesium.Transforms.headingPitchRollQuaternion(cartesian, _hpr);
+  return orientation;
+};
+export { calculateAngle, calculateOrientation, getCameraCentor, getCatesian3FromPX, transformCartesianToWGS84, transformDMSToDegree, transformDMSToWGS84, transformDegreeToDMS, transformWGS84ToCartesian, transformWGS84ToDMS };

package/dist/esm/plot/utils/DomUtil.d.ts

@@ -0,0 +1,34 @@
+import '../index.css';
+interface WindowPos {
+    x: number;
+    y: number;
+}
+interface AttributeOption {
+    id: string;
+    coord: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    size: string;
+    text: string;
+}
+export declare class LabelAttributeForm {
+    _viewer: any;
+    _winPos: WindowPos;
+    _id: string;
+    _coord: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    _size: string;
+    _text: string;
+    _customDiv: HTMLElement | null;
+    constructor(viewer: any, winPos: WindowPos, options: AttributeOption);
+    initDom(): void;
+    initEvent(): void;
+    confirm(bool: boolean): void;
+    destroy(): void;
+}
+export {};

package/dist/esm/plot/utils/DomUtil.js

@@ -0,0 +1,100 @@
+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 _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); }
+/**
+ * Dom元素创建
+ */
+import * as Cesium from 'deeptwins-cesium';
+import "../index.css";
+import { transformWGS84ToCartesian } from "./Coordinate";
+import { getLabelText } from "./PlotCommon";
+export var LabelAttributeForm = /*#__PURE__*/function () {
+  function LabelAttributeForm(viewer, winPos, options) {
+    _classCallCheck(this, LabelAttributeForm);
+    _defineProperty(this, "_viewer", void 0);
+    _defineProperty(this, "_winPos", void 0);
+    _defineProperty(this, "_id", void 0);
+    _defineProperty(this, "_coord", void 0);
+    _defineProperty(this, "_size", void 0);
+    _defineProperty(this, "_text", void 0);
+    _defineProperty(this, "_customDiv", void 0);
+    this._winPos = winPos;
+    this._viewer = viewer;
+    this._id = options.id || 'undefined';
+    this._coord = options.coord || new Cesium.Cartesian3();
+    this._size = options.size || '45';
+    this._text = options.text || 'null';
+    this._customDiv = null;
+    this.initDom();
+  }
+  _createClass(LabelAttributeForm, [{
+    key: "initDom",
+    value: function initDom() {
+      this._customDiv = document.getElementById('label-attribute-form');
+      if (!this._customDiv) {
+        this._customDiv = document.createElement('div');
+        this._customDiv.id = 'label-attribute-form';
+        this._viewer.container.appendChild(this._customDiv);
+      }
+      this._customDiv.style.top = this._winPos.y + 'px';
+      this._customDiv.style.left = this._winPos.x + 'px';
+      this._customDiv.innerHTML = " \n    <div>\n      <span class=\"title\">\u5BF9\u8C61\u7F16\u53F7\uFF1A</span>\n      <span>".concat(this._id, "</span>\n    </div>\n    <div>\n      <span class=\"title\">\u6587\u5B57\u6807\u7B7E\uFF1A</span>\n      <input type=\"text\" id=\"text-value\" value=\"").concat(this._text, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u7ECF\u7EAC\u5750\u6807\uFF1A</span>\n      <input type=\"text\" id=\"coor-xy\" value=\"").concat(this._coord.x, ",").concat(this._coord.y, "\" />\n    </div>\n    <div>\n      <span class=\"title\">\u5B57\u4F53\u5927\u5C0F\uFF1A</span>\n      <input type=\"number\" id=\"font-size\" value=\"").concat(this._size, "\" />\n    </div>\n    <div class=\"label-ar-tool-box\">\n      <button id=\"label_edit_ok\">\u786E\u8BA4</button>\n      <button id=\"label_edit_no\">\u53D6\u6D88</button>\n    </div>");
+      this.initEvent();
+    }
+  }, {
+    key: "initEvent",
+    value: function initEvent() {
+      var $this = this;
+      var ok_bt = document.getElementById('label_edit_ok');
+      if (ok_bt) {
+        ok_bt.onclick = function () {
+          $this.confirm(true);
+        };
+      }
+      var no_bt = document.getElementById('label_edit_no');
+      if (no_bt) {
+        no_bt.onclick = function () {
+          $this.confirm(false);
+        };
+      }
+    }
+  }, {
+    key: "confirm",
+    value: function confirm(bool) {
+      var editEntity = this._viewer.entities.getById(this._id);
+      if (bool) {
+        var coordDom = document.getElementById('coor-xy');
+        var pos = coordDom.value.split(',');
+        var car3 = transformWGS84ToCartesian({
+          x: Number(pos[0]),
+          y: Number(pos[1]),
+          z: 0
+        });
+        editEntity.position = new Cesium.CallbackProperty(function () {
+          return car3;
+        }, false);
+        var textDom = document.getElementById('text-value');
+        var text = getLabelText(textDom.value, 1);
+        editEntity.label.text = new Cesium.CallbackProperty(function () {
+          return text;
+        }, false);
+        var fontDom = document.getElementById('font-size');
+        var font = fontDom.value + 'px Helvetica';
+        editEntity.label.font = new Cesium.CallbackProperty(function () {
+          return font;
+        }, false);
+      }
+      this.destroy();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this._viewer.container.removeChild(this._customDiv);
+    }
+  }]);
+  return LabelAttributeForm;
+}();

package/dist/esm/plot/utils/PlotCommon.d.ts

@@ -0,0 +1,101 @@
+/**
+ * 态势标绘通用方法
+ */
+import * as Cesium from 'deeptwins-cesium';
+/**
+ * 获取静态资源路径
+ * @param url 路径
+ * @returns
+ */
+/**
+ * 创建随机（唯一）ID
+ * @param num
+ * @returns
+ */
+declare const newSessionid: (num?: number) => string;
+/**
+ * 锁定视图
+ * @param viewer - 三维场景
+ * @param bool - 是否锁定
+ */
+declare const lockingMap: (viewer: any, bool: boolean) => void;
+/**
+ * 创建贝塞尔点集
+ * @param anchorpoints
+ * @returns
+ */
+declare const createBezierPoints: (anchorpoints: any[]) => any;
+/**
+ * 创建正多边形节点
+ * @param centerPoint
+ * @param endCartesian
+ * @param num
+ * @returns
+ */
+declare const getRegularPoints: (centerPoint: any, endCartesian: any, num: number) => any;
+/**
+ * 创建攻击箭头节点
+ * @param positions
+ * @returns
+ */
+declare const getAttackArrowPoints: (positions: any[]) => any;
+/**
+ * 创建直角箭头节点
+ * @param anchorpoints
+ * @returns
+ */
+declare const getRightAngleArrowPoints: (anchorpoints: any[]) => Cesium.Cartesian3[];
+/**
+ * 获取椭圆和圆形的轴长
+ * @param points
+ * @returns
+ */
+declare const getSemiAxis: (points: any[]) => number;
+/**
+ * 获取椭圆旋转的角度
+ * @param points
+ * @returns
+ */
+declare const getEllipticAngle: (points: any[]) => number;
+/**
+ * 获取矩形顶点
+ * @param points
+ * @returns
+ */
+declare const calculateRectanglePoints: (points: any[]) => Cesium.Cartesian3[];
+/**
+ * 计算集结地特征点
+ * @param anchorpoints
+ * @returns {Array}
+ * @private
+ */
+declare const computeAssemblePoints: (anchorpoints: any[]) => number[];
+declare const calculateSwallowPoints: (anchorpoints: any[], type: number) => any[];
+/**
+ * 计算钳击箭头特征点
+ * @param points
+ * @returns
+ */
+declare const calculatePincerArrowPoint: (points: any[]) => any;
+declare const calculateFlagPoints: (points: any[], type?: number) => Cesium.Cartesian3[];
+/**
+ * 计算并构建阵型过程点
+ * @param {*} anchorpoints
+ * @returns
+ */
+declare const calculateFormationPoints: (anchorpoints: any[], type: number) => Cesium.Cartesian3[];
+/**
+ * 计算并构建弓形过程点
+ * @param {*} anchorpoints
+ * @returns
+ */
+declare const calculateBowPoints: (anchorpoints: any[]) => Cesium.Cartesian3[];
+/**
+ * 计算圆角矩形节点
+ * @param anchor
+ * @returns
+ */
+declare const computeRoundedRectanglePoints: (anchorpoints: any[]) => Cesium.Cartesian3[];
+declare const calculateSectorPoints: (points: any[]) => Cesium.Cartesian3[];
+declare const getLabelText: (text: string, type: number) => string;
+export { calculateBowPoints, calculateFlagPoints, calculateFormationPoints, calculatePincerArrowPoint, calculateRectanglePoints, calculateSectorPoints, calculateSwallowPoints, computeAssemblePoints, computeRoundedRectanglePoints, createBezierPoints, getAttackArrowPoints, getEllipticAngle, getLabelText, getRegularPoints, getRightAngleArrowPoints, getSemiAxis, lockingMap, newSessionid, };