deeptwins-engine-3d 0.1.18 → 0.1.20

package/dist/esm/cameraControl/ModelRoamRealTime.js

@@ -686,13 +686,21 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
   }, {
     key: "updateFirstPersonView",
     value: function updateFirstPersonView(position) {
-      // 设置相机位置和朝向
+      var heading = this.hpRoll.heading;
+      var pitch = Cesium.Math.toRadians(this.firstCameraSettings.pitch);
+      var roll = 0.0;
+      // 根据 heading + pitch 计算前方向向量
+      var forward = Cesium.Cartesian3.fromElements(Math.cos(pitch) * Math.sin(heading), Math.cos(pitch) * Math.cos(heading), Math.sin(pitch));
+      // 计算偏移方向（distance为正就往反方向移动）
+      var offsetDir = Cesium.Cartesian3.multiplyByScalar(forward, -this.firstCameraSettings.distance, new Cesium.Cartesian3());
+      // 计算新的相机位置
+      var newPosition = Cesium.Cartesian3.add(position, offsetDir, new Cesium.Cartesian3());
       this.getMap().camera.setView({
-        destination: position,
+        destination: newPosition,
         orientation: {
-          heading: this.hpRoll.heading,
-          pitch: Cesium.Math.toRadians(this.firstCameraSettings.pitch),
-          roll: 0.0
+          heading: heading,
+          pitch: pitch,
+          roll: roll
         }
       });
     }

package/dist/esm/graphicLayer/BaseEntity.d.ts

@@ -1,4 +1,5 @@
 export default class BaseEntity {
+    private readonly _mapContext;
     id: any;
     source: any;
     style: any;
@@ -7,5 +8,6 @@ export default class BaseEntity {
     type: string;
     isEntity: boolean;
     constructor(options: any);
+    getMap(): any;
     updateStyle(originStyle: any, style: any): void;
 }

package/dist/esm/graphicLayer/BaseEntity.js

@@ -7,11 +7,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { merge } from 'lodash';
 import { v4 as uuidv4 } from 'uuid';
-
 // 基础实体图层
 var BaseEntity = /*#__PURE__*/function () {
   function BaseEntity(options) {
     _classCallCheck(this, BaseEntity);
+    _defineProperty(this, "_mapContext", void 0);
     _defineProperty(this, "id", void 0);
     _defineProperty(this, "source", void 0);
     _defineProperty(this, "style", void 0);
@@ -22,15 +22,22 @@ var BaseEntity = /*#__PURE__*/function () {
     this.id = uuidv4();
     var style = options.style,
       source = options.source,
-      positionProperty = options.positionProperty;
+      positionProperty = options.positionProperty,
+      map = options.map;
+    this._mapContext = map._mapContext;
     this.type = options.type;
     this.positionProperty = positionProperty;
     this.source = source;
     this.style = style || {};
   }
-
-  // 更新样式
   _createClass(BaseEntity, [{
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+
+    // 更新样式
+  }, {
     key: "updateStyle",
     value: function updateStyle(originStyle, style) {
       this.style = merge(this.style, originStyle);

package/dist/esm/graphicLayer/HtmlEntity.js

@@ -79,7 +79,7 @@ var HtmlEntity = /*#__PURE__*/function (_BaseEntity) {
   _createClass(HtmlEntity, [{
     key: "_init",
     value: function _init(options) {
-      var _document$getElementB;
+      var _this$getMap;
       var html = options.html,
         style = options.style;
       this.container = document.createElement('div');
@@ -91,7 +91,7 @@ var HtmlEntity = /*#__PURE__*/function (_BaseEntity) {
       this.container.style.cssText = 'position: absolute; left: 0; top: 0; pointer-events: auto;';
       this._setStyle(style);
       this.container.style.transform = 'translate3d(10000px, 10000px, 0)';
-      (_document$getElementB = document.getElementById(HTML_CONTAINER_ID)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(this.container);
+      (_this$getMap = this.getMap()) === null || _this$getMap === void 0 || (_this$getMap = _this$getMap.container) === null || _this$getMap === void 0 || (_this$getMap = _this$getMap.querySelector('#' + HTML_CONTAINER_ID)) === null || _this$getMap === void 0 || _this$getMap.appendChild(this.container);
       this.postDomBack && this.postDomBack(this.container, this.source);
       this.isInit = true;
     }

package/dist/esm/index.js

@@ -50,7 +50,7 @@ loadCss(Cesium.buildModuleUrl('Widgets/widgets.css'));
 export var DeepTwinsEngine3D = /*#__PURE__*/_createClass(function DeepTwinsEngine3D() {
   _classCallCheck(this, DeepTwinsEngine3D);
 });
-_defineProperty(DeepTwinsEngine3D, "Version", "0.1.18");
+_defineProperty(DeepTwinsEngine3D, "Version", "0.1.20");
 _defineProperty(DeepTwinsEngine3D, "Map", Map);
 _defineProperty(DeepTwinsEngine3D, "GroundSkyBox", GroundSkyBox);
 _defineProperty(DeepTwinsEngine3D, "RasterLayer", RasterLayer);

package/dist/esm/videoFusion/BaseVideo.js

@@ -56,8 +56,9 @@ var BaseVideo = /*#__PURE__*/function () {
   }, {
     key: "_init",
     value: function _init() {
-      var _this = this;
-      var videoContainer = document.getElementById(VIDEO_CONTAINER_ID);
+      var _this$getMap,
+        _this = this;
+      var videoContainer = (_this$getMap = this.getMap()) === null || _this$getMap === void 0 || (_this$getMap = _this$getMap.container) === null || _this$getMap === void 0 ? void 0 : _this$getMap.querySelector('#' + VIDEO_CONTAINER_ID);
       if (!videoContainer) {
         return;
       }

package/dist/esm/visualization/BaseHeatmap.js

@@ -19,6 +19,7 @@ import h337 from "../tool/heatmap.js";
 import * as utils from "../tool/utils";
 var BaseHeatmap = /*#__PURE__*/function () {
   function BaseHeatmap() {
+    var _this$getMap;
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     _classCallCheck(this, BaseHeatmap);
     _defineProperty(this, "_mapContext", void 0);
@@ -43,7 +44,7 @@ var BaseHeatmap = /*#__PURE__*/function () {
     var el = document.createElement('div');
     el.id = this.id;
     el.style.cssText = 'width: 100%; height: 100%; pointer-events: none; overflow: hidden; opacity: 0;';
-    var heatmapContainer = document.getElementById(constant.HEATMAP_CONTAINER_ID);
+    var heatmapContainer = (_this$getMap = this.getMap()) === null || _this$getMap === void 0 || (_this$getMap = _this$getMap.container) === null || _this$getMap === void 0 ? void 0 : _this$getMap.querySelector('#' + constant.HEATMAP_CONTAINER_ID);
     if (!heatmapContainer) {
       return;
     }