bruce-cesium 1.0.8 → 1.1.0

package/dist/bruce-cesium.es5.js

@@ -1,5 +1,5 @@
 import { BruceEvent, Cartes, Carto, Geometry, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, DelayQueue, Entity as Entity$1, BatchedDataGetter, EntityRelationType, ObjectUtils, Tileset, EntityCoords, EntityFilterGetter, EntitySource, EntityRelation, MenuItem, ProjectView, ProjectViewBookmark, ProjectViewTile, ProjectViewLegacyTile, ProgramKey, Camera } from 'bruce-models';
-import { Cartesian2, Cartographic, Math as Math$1, Color, HeightReference, Cartesian3, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, Cesium3DTileColorBlendMode, HeadingPitchRange, OrthographicFrustum, JulianDate, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, Matrix4, Cesium3DTileStyle, Cesium3DTileset, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, CallbackProperty, ColorMaterialProperty, Rectangle, Matrix3, EasingFunction, GeometryInstance, createOsmBuildings, KmlDataSource } from 'cesium';
+import { Cartesian2, Cartographic, Math as Math$1, Entity, Primitive, Cesium3DTileFeature, Color, Cartesian3, OrthographicFrustum, JulianDate, Cesium3DTileColorBlendMode, HeadingPitchRange, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, HeightReference, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Matrix4, Cesium3DTileStyle, Cesium3DTileset, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, CallbackProperty, ColorMaterialProperty, Rectangle, Matrix3, EasingFunction, GeometryInstance, createOsmBuildings, KmlDataSource } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -2353,6 +2353,9 @@ var CesiumParabola = /** @class */ (function () {
         this.width = 2;
         this.duration = 10;
         this.heightDistanceRatio = 0.25;
+        this.curPoints = [];
+        this.animateInterval = null;
+        this.retryTimeout = null;
         this.viewer = params.viewer;
         this.pos1 = params.pos1;
         this.pos2 = params.pos2;
@@ -2368,6 +2371,7 @@ var CesiumParabola = /** @class */ (function () {
         if (!isNaN(params.heightDistanceRatio)) {
             this.heightDistanceRatio = params.heightDistanceRatio;
         }
+        this.prepareEntities();
     }
     Object.defineProperty(CesiumParabola.prototype, "curPos1", {
         get: function () {
@@ -2383,47 +2387,20 @@ var CesiumParabola = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    CesiumParabola.prototype.Animate = function () {
+    CesiumParabola.prototype.prepareEntities = function () {
         var _this = this;
-        this.Dispose();
-        var retry = false;
-        if (!this.curPos1 || !this.curPos2 || !Cartes.ValidateCartes3(this.curPos1) || !Cartes.ValidateCartes3(this.curPos2)) {
-            retry = true;
-        }
-        var TOTAL_LENGTH = retry ? 0 : Cartesian3.distance(this.curPos1, this.curPos2);
-        if (TOTAL_LENGTH <= 0) {
-            retry = true;
-        }
-        if (retry) {
-            var retryTimeout_1 = setTimeout(function () {
-                _this.Animate();
-            }, 2000);
-            this.dispose = function () {
-                clearTimeout(retryTimeout_1);
-            };
-            return;
-        }
-        var RATE_PER_SECOND = 1000 / 40;
-        var SEC_DURATION = this.duration;
-        var HEIGHT_DISTANCE_RATIO = this.heightDistanceRatio;
-        var TOTAL_POINTS = Math.max(50, Math.min(1000, TOTAL_LENGTH * 0.1));
-        var POINT_LENGTH = TOTAL_LENGTH / TOTAL_POINTS;
-        var TICK_LENGTH_INC = SEC_DURATION == 0 ? TOTAL_LENGTH : TOTAL_POINTS / (RATE_PER_SECOND * SEC_DURATION);
-        var curPoints = [];
-        var curPoint = 0;
         var parabola = new Entity({
             polyline: {
                 positions: new CallbackProperty(function () {
-                    return curPoints;
+                    return _this.curPoints;
                 }, false),
                 width: this.width,
                 material: Color.fromCssColorString(this.color)
             }
         });
-        this.viewer.entities.add(parabola);
         var p1Entity = new Entity({
             position: new CallbackProperty(function () {
-                return curPoints.length ? curPoints[0] : new Cartesian3();
+                return _this.curPoints.length ? _this.curPoints[0] : new Cartesian3();
             }, false),
             point: {
                 heightReference: HeightReference.NONE,
@@ -2435,7 +2412,7 @@ var CesiumParabola = /** @class */ (function () {
         });
         var p2Entity = new Entity({
             position: new CallbackProperty(function () {
-                return curPoints.length ? curPoints[curPoints.length - 1] : new Cartesian3();
+                return _this.curPoints.length ? _this.curPoints[_this.curPoints.length - 1] : new Cartesian3();
             }, false),
             point: {
                 heightReference: HeightReference.NONE,
@@ -2445,11 +2422,49 @@ var CesiumParabola = /** @class */ (function () {
                 outlineWidth: 2
             }
         });
-        this.viewer.entities.add(p1Entity);
-        this.viewer.entities.add(p2Entity);
         p1Entity.parent = parabola;
         p2Entity.parent = parabola;
         var siblings = [p1Entity, p2Entity];
+        this.parabola = parabola;
+        this.siblings = siblings;
+    };
+    CesiumParabola.prototype.Animate = function () {
+        var _this = this;
+        if (this.parabola && !this.viewer.entities.contains(this.parabola)) {
+            this.viewer.entities.add(this.parabola);
+        }
+        var retry = false;
+        if (!this.curPos1 || !this.curPos2 || !Cartes.ValidateCartes3(this.curPos1) || !Cartes.ValidateCartes3(this.curPos2)) {
+            retry = true;
+        }
+        var TOTAL_LENGTH = retry ? 0 : Cartesian3.distance(this.curPos1, this.curPos2);
+        if (TOTAL_LENGTH <= 0) {
+            retry = true;
+        }
+        if (retry) {
+            this.retryTimeout = setTimeout(function () {
+                _this.Animate();
+            }, 2000);
+            return {
+                parabola: this.parabola,
+                siblings: this.siblings
+            };
+        }
+        var cEntities = [
+            this.parabola
+        ].concat(this.siblings);
+        cEntities.forEach(function (e) {
+            if (e && !_this.viewer.entities.contains(e)) {
+                _this.viewer.entities.add(e);
+            }
+        });
+        var RATE_PER_SECOND = 1000 / 40;
+        var SEC_DURATION = this.duration;
+        var HEIGHT_DISTANCE_RATIO = this.heightDistanceRatio;
+        var TOTAL_POINTS = Math.max(50, Math.min(1000, TOTAL_LENGTH * 0.1));
+        var POINT_LENGTH = TOTAL_LENGTH / TOTAL_POINTS;
+        var TICK_LENGTH_INC = SEC_DURATION == 0 ? TOTAL_LENGTH : TOTAL_POINTS / (RATE_PER_SECOND * SEC_DURATION);
+        var curPoint = 0;
         var quadraticKey = null;
         var quadratic = null;
         var quadraticPreparing = false;
@@ -2608,7 +2623,7 @@ var CesiumParabola = /** @class */ (function () {
             if (posses.find(function (x) { return !x || !Cartes.ValidateCartes3(x); })) {
                 return;
             }
-            curPoints = posses;
+            _this.curPoints = posses;
         };
         var doTick = function () {
             var p1 = _this.curPos1;
@@ -2628,28 +2643,24 @@ var CesiumParabola = /** @class */ (function () {
                 updatePoints();
             }
         };
-        var animateInterval = setInterval(doTick, RATE_PER_SECOND);
-        this.dispose = function () {
-            clearInterval(animateInterval);
-            if (parabola && _this.viewer.entities.contains(parabola)) {
-                _this.viewer.entities.remove(parabola);
-            }
-            if (p1Entity && _this.viewer.entities.contains(p1Entity)) {
-                _this.viewer.entities.remove(p1Entity);
-            }
-            if (p2Entity && _this.viewer.entities.contains(p2Entity)) {
-                _this.viewer.entities.remove(p2Entity);
-            }
-        };
+        this.animateInterval = setInterval(doTick, RATE_PER_SECOND);
         return {
-            parabola: parabola,
-            siblings: siblings
+            parabola: this.parabola,
+            siblings: this.siblings
         };
     };
     CesiumParabola.prototype.Dispose = function () {
-        var _a;
-        (_a = this.dispose) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.dispose = null;
+        var _this = this;
+        clearTimeout(this.retryTimeout);
+        clearInterval(this.animateInterval);
+        var cEntities = [
+            this.parabola
+        ].concat(this.siblings);
+        cEntities.forEach(function (e) {
+            if (e && _this.viewer.entities.contains(e)) {
+                _this.viewer.entities.remove(e);
+            }
+        });
     };
     return CesiumParabola;
 }());