bruce-cesium 1.0.6 → 1.0.7

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, Entity, Primitive, Cesium3DTileFeature, Color, HeightReference, Cartesian3, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, OrthographicFrustum, JulianDate, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, Cesium3DTileColorBlendMode, HeadingPitchRange, Matrix4, Cesium3DTileStyle, Cesium3DTileset, IonResource, PolygonPipeline, EllipsoidGeodesic, sampleTerrainMostDetailed, CallbackProperty, ColorMaterialProperty, Rectangle, Matrix3, EasingFunction, GeometryInstance, createOsmBuildings, KmlDataSource } from 'cesium';
+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, ColorMaterialProperty, Rectangle, Matrix3, EasingFunction, GeometryInstance, CallbackProperty, KmlDataSource, createOsmBuildings } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -355,6 +355,74 @@ function __generator(thisArg, body) {
     }
 }
 
+var MeasureUtils;
+(function (MeasureUtils) {
+    /**
+     * Returns the total distance in meters between an array of points.
+     * This distance is NOT following the terrain.
+     * @param posses
+     * @returns
+     */
+    function MeasurePolyline(params) {
+        var posses = params.posses;
+        if (posses.length < 2) {
+            return {
+                totalLength: 0
+            };
+        }
+        var totalLength = 0;
+        var pos1 = null;
+        var pos2 = null;
+        for (var i = 0; i < posses.length; i++) {
+            if (pos1 == null) {
+                pos1 = posses[i];
+            }
+            else if (pos2 == null) {
+                pos2 = posses[i];
+                totalLength += Cartesian3.distance(pos1, pos2);
+                pos1 = pos2;
+                pos2 = null;
+            }
+        }
+        return {
+            totalLength: totalLength
+        };
+    }
+    MeasureUtils.MeasurePolyline = MeasurePolyline;
+    function MeasurePolygon(params) {
+        var posses = params.posses;
+        posses = [].concat(posses);
+        if (!Cartes.IsRing3Closed(posses)) {
+            posses.push(posses[0].clone());
+        }
+        if (posses.length < 3) {
+            return {
+                area: 0,
+                perimeter: 0
+            };
+        }
+        var area = 0;
+        var indices = PolygonPipeline.triangulate(posses, []);
+        for (var i = 0; i < indices.length; i += 3) {
+            var vector1 = posses[indices[i]];
+            var vector2 = posses[indices[i + 1]];
+            var vector3 = posses[indices[i + 2]];
+            var vectorC = Cartesian3.subtract(vector2, vector1, new Cartesian3());
+            var vectorD = Cartesian3.subtract(vector3, vector1, new Cartesian3());
+            var areaVector = Cartesian3.cross(vectorC, vectorD, new Cartesian3());
+            area += Cartesian3.magnitude(areaVector) / 2.0;
+        }
+        var perimeter = MeasurePolyline({
+            posses: posses
+        }).totalLength;
+        return {
+            area: area,
+            perimeter: perimeter
+        };
+    }
+    MeasureUtils.MeasurePolygon = MeasurePolygon;
+})(MeasureUtils || (MeasureUtils = {}));
+
 var DrawingUtils;
 (function (DrawingUtils) {
     /**
@@ -367,15 +435,29 @@ var DrawingUtils;
      */
     function PointAcrossPolyline(params) {
         var viewer = params.viewer, positions = params.posses, distance = params.distance;
-        if (positions.length > 1) {
+        if (distance <= 0 && positions.length > 0) {
+            return {
+                point: positions[0]
+            };
+        }
+        else if (positions.length > 1) {
             var currentDistance = 0;
+            var totalLength = MeasureUtils.MeasurePolyline({
+                posses: positions,
+            }).totalLength;
+            if (distance > totalLength) {
+                return {
+                    point: positions[positions.length - 1]
+                };
+            }
             for (var i = 0; i < positions.length - 1; i++) {
                 var length_1 = Cartesian3.distance(positions[i], positions[i + 1]);
                 if (length_1 + currentDistance >= distance) {
                     var carto1 = Cartographic.fromCartesian(positions[i]);
                     var carto2 = Cartographic.fromCartesian(positions[i + 1]);
                     var geodesic = new EllipsoidGeodesic(carto1, carto2, viewer.scene.globe.ellipsoid);
-                    var position = geodesic.interpolateUsingSurfaceDistance(distance - currentDistance);
+                    //const position = geodesic.interpolateUsingSurfaceDistance(distance - currentDistance);
+                    var position = geodesic.interpolateUsingFraction((distance - currentDistance) / length_1);
                     var height = (carto1.height + carto2.height) / 2;
                     return {
                         point: Cartesian3.fromRadians(position.longitude, position.latitude, height)
@@ -386,18 +468,8 @@ var DrawingUtils;
                 }
             }
         }
-        else if (positions.length > 0) {
-            return {
-                point: positions[0]
-            };
-        }
-        else {
-            return {
-                point: null
-            };
-        }
         return {
-            point: positions[positions.length - 1]
+            point: positions.length ? positions[positions.length - 1] : null
         };
     }
     DrawingUtils.PointAcrossPolyline = PointAcrossPolyline;
@@ -451,74 +523,6 @@ var DrawingUtils;
     DrawingUtils.GetTerrainHeight = GetTerrainHeight;
 })(DrawingUtils || (DrawingUtils = {}));
 
-var MeasureUtils;
-(function (MeasureUtils) {
-    /**
-     * Returns the total distance in meters between an array of points.
-     * This distance is NOT following the terrain.
-     * @param posses
-     * @returns
-     */
-    function MeasurePolyline(params) {
-        var posses = params.posses;
-        if (posses.length < 2) {
-            return {
-                totalLength: 0
-            };
-        }
-        var totalLength = 0;
-        var pos1 = null;
-        var pos2 = null;
-        for (var i = 0; i < posses.length; i++) {
-            if (pos1 == null) {
-                pos1 = posses[i];
-            }
-            else if (pos2 == null) {
-                pos2 = posses[i];
-                totalLength += Cartesian3.distance(pos1, pos2);
-                pos1 = pos2;
-                pos2 = null;
-            }
-        }
-        return {
-            totalLength: totalLength
-        };
-    }
-    MeasureUtils.MeasurePolyline = MeasurePolyline;
-    function MeasurePolygon(params) {
-        var posses = params.posses;
-        posses = [].concat(posses);
-        if (!Cartes.IsRing3Closed(posses)) {
-            posses.push(posses[0].clone());
-        }
-        if (posses.length < 3) {
-            return {
-                area: 0,
-                perimeter: 0
-            };
-        }
-        var area = 0;
-        var indices = PolygonPipeline.triangulate(posses, []);
-        for (var i = 0; i < indices.length; i += 3) {
-            var vector1 = posses[indices[i]];
-            var vector2 = posses[indices[i + 1]];
-            var vector3 = posses[indices[i + 2]];
-            var vectorC = Cartesian3.subtract(vector2, vector1, new Cartesian3());
-            var vectorD = Cartesian3.subtract(vector3, vector1, new Cartesian3());
-            var areaVector = Cartesian3.cross(vectorC, vectorD, new Cartesian3());
-            area += Cartesian3.magnitude(areaVector) / 2.0;
-        }
-        var perimeter = MeasurePolyline({
-            posses: posses
-        }).totalLength;
-        return {
-            area: area,
-            perimeter: perimeter
-        };
-    }
-    MeasureUtils.MeasurePolygon = MeasurePolygon;
-})(MeasureUtils || (MeasureUtils = {}));
-
 /**
  * Ensures a number is returned from a given value.
  * If given value cannot be parsed it will return defaultNum.
@@ -656,6 +660,13 @@ function applyOpacityToEntity(viewer, opacity, entity) {
 function findOpacity(entity) {
     return entity[NEW_OPACITY_KEY];
 }
+function GetValue(viewer, obj) {
+    var _a;
+    if ((_a = obj) === null || _a === void 0 ? void 0 : _a.getValue) {
+        return obj.getValue(viewer.scene.lastRenderTime);
+    }
+    return obj;
+}
 var EntityUtils;
 (function (EntityUtils) {
     /**
@@ -673,10 +684,61 @@ var EntityUtils;
             if ((rego === null || rego === void 0 ? void 0 : rego.visual) instanceof Entity) {
                 var visual = rego.visual;
                 if (visual.position) {
-                    if (visual.position.getValue) {
-                        return visual.position.getValue(viewer.scene.lastRenderTime);
+                    var pos3d_1 = GetValue(viewer, visual.position);
+                    // Fix height reference.
+                    if (pos3d_1 === null || pos3d_1 === void 0 ? void 0 : pos3d_1.x) {
+                        var visualHeightRef = HeightReference.RELATIVE_TO_GROUND;
+                        if (visual.model) {
+                            visualHeightRef = GetValue(viewer, visual.model.heightReference);
+                        }
+                        else if (visual.polygon) {
+                            visualHeightRef = GetValue(viewer, visual.polygon.heightReference);
+                        }
+                        else if (visual.polyline) {
+                            visualHeightRef = GetValue(viewer, visual.polyline.clampToGround) ?
+                                HeightReference.RELATIVE_TO_GROUND : HeightReference.NONE;
+                        }
+                        else if (visual.billboard) {
+                            visualHeightRef = GetValue(viewer, visual.billboard.heightReference);
+                        }
+                        else if (visual.ellipse) {
+                            visualHeightRef = GetValue(viewer, visual.ellipse.heightReference);
+                        }
+                        else if (visual.point) {
+                            visualHeightRef = GetValue(viewer, visual.point.heightReference);
+                        }
+                        if (visualHeightRef == params.heightReference) {
+                            return pos3d_1;
+                        }
+                        var carto_1 = Cartographic.fromCartesian(pos3d_1);
+                        if (visualHeightRef == HeightReference.NONE) {
+                            // Turn absolute into clamped.
+                            if (params.heightReference == HeightReference.CLAMP_TO_GROUND) {
+                                return Cartesian3.fromRadians(carto_1.longitude, carto_1.latitude, 0);
+                            }
+                            // Turn absolute into relative (remove terrain height).
+                            else if (params.heightReference == HeightReference.RELATIVE_TO_GROUND) {
+                                var terrainHeight = EnsureNumber(viewer.scene.globe.getHeight(carto_1), 0);
+                                return Cartesian3.fromRadians(carto_1.longitude, carto_1.latitude, carto_1.height - terrainHeight);
+                            }
+                        }
+                        else if (visualHeightRef == HeightReference.CLAMP_TO_GROUND) {
+                            var terrainHeight = EnsureNumber(viewer.scene.globe.getHeight(carto_1), 0);
+                            return Cartesian3.fromRadians(carto_1.longitude, carto_1.latitude, terrainHeight);
+                        }
+                        else if (visualHeightRef == HeightReference.RELATIVE_TO_GROUND) {
+                            // Turn relative into absolute (add terrain height).
+                            if (params.heightReference == HeightReference.NONE) {
+                                var terrainHeight = EnsureNumber(viewer.scene.globe.getHeight(carto_1), 0);
+                                return Cartesian3.fromRadians(carto_1.longitude, carto_1.latitude, carto_1.height + terrainHeight);
+                            }
+                            // Turn relative into clamped.
+                            else if (params.heightReference == HeightReference.CLAMP_TO_GROUND) {
+                                return Cartesian3.fromRadians(carto_1.longitude, carto_1.latitude, 0);
+                            }
+                        }
+                        return pos3d_1;
                     }
-                    return visual.position;
                 }
             }
             return null;
@@ -746,7 +808,14 @@ var EntityUtils;
             return pos3d;
         }
         pos3d = evaluateRecord();
-        return Cartes.ValidateCartes3(pos3d) ? pos3d : null;
+        var carto = Cartes.ValidateCartes3(pos3d) ? Cartographic.fromCartesian(pos3d) : null;
+        if (carto) {
+            // Since we don't know height reference, we can't convert it.
+            // We will just clamp it to ground.
+            var terrainHeight = EnsureNumber(viewer.scene.globe.getHeight(carto), 0);
+            pos3d = Cartesian3.fromRadians(carto.longitude, carto.latitude, terrainHeight);
+        }
+        return pos3d;
     }
     EntityUtils.GetPos = GetPos;
     /**
@@ -2311,13 +2380,11 @@ var CesiumParabola = /** @class */ (function () {
     CesiumParabola.prototype.Animate = function () {
         var _this = this;
         this.Dispose();
-        var p1 = this.curPos1;
-        var p2 = this.curPos2;
         var retry = false;
-        if (!p1 || !p2 || !Cartes.ValidateCartes3(p1) || !Cartes.ValidateCartes3(p2)) {
+        if (!this.curPos1 || !this.curPos2 || !Cartes.ValidateCartes3(this.curPos1) || !Cartes.ValidateCartes3(this.curPos2)) {
             retry = true;
         }
-        var TOTAL_LENGTH = retry ? 0 : Cartesian3.distance(p1, p2);
+        var TOTAL_LENGTH = retry ? 0 : Cartesian3.distance(this.curPos1, this.curPos2);
         if (TOTAL_LENGTH <= 0) {
             retry = true;
         }
@@ -2330,11 +2397,11 @@ var CesiumParabola = /** @class */ (function () {
             };
             return;
         }
-        var TOTAL_POINTS = Math.max(50, Math.min(1000, TOTAL_LENGTH * 0.1));
-        var POINT_LENGTH = TOTAL_LENGTH / TOTAL_POINTS;
         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;
@@ -2366,7 +2433,7 @@ var CesiumParabola = /** @class */ (function () {
             }, false),
             point: {
                 heightReference: HeightReference.NONE,
-                pixelSize: this.width * 1.3,
+                pixelSize: this.width * 1.8,
                 color: Color.fromCssColorString(this.color),
                 outlineColor: Color.WHITE,
                 outlineWidth: 2
@@ -2376,107 +2443,125 @@ var CesiumParabola = /** @class */ (function () {
         this.viewer.entities.add(p2Entity);
         p1Entity.parent = parabola;
         p2Entity.parent = parabola;
+        var siblings = [p1Entity, p2Entity];
         var quadraticKey = null;
         var quadratic = null;
-        var prepareQuadratic = function () {
-            var p1 = _this.curPos1;
-            var p2 = _this.curPos2;
-            if (!p1 || !p2 || !Cartes.ValidateCartes3(p1) || !Cartes.ValidateCartes3(p2)) {
-                return;
-            }
-            var height1 = Cartographic.fromCartesian(p1).height;
-            var height2 = Cartographic.fromCartesian(p2).height;
-            if (isNaN(height1) || isNaN(height2)) {
-                return;
-            }
-            var totalHeight = height2 + height1;
-            var curQuadraticKey = height1 + "-" + height2;
-            if (quadraticKey == curQuadraticKey) {
-                return;
-            }
-            var points2d = [
-                new Cartesian2(0, height1),
-                new Cartesian2(TOTAL_LENGTH, height2)
-            ];
-            var vertexHeight = 0;
-            // Flat line.
-            if (HEIGHT_DISTANCE_RATIO == 0) {
-                vertexHeight = totalHeight * 0.5;
-            }
-            else {
-                var largestHeight = Math.max(height1, height2);
-                vertexHeight = largestHeight + (TOTAL_LENGTH * HEIGHT_DISTANCE_RATIO);
-            }
-            points2d.push(new Cartesian2(TOTAL_LENGTH * 0.5, vertexHeight));
-            var calcQuadratic = function (points) {
-                // Swaps position of two rows in matrix.
-                function swapRows(matrix, rowAIndex, rowBIndex) {
-                    var rowAVal = matrix[rowAIndex];
-                    matrix[rowAIndex] = matrix[rowBIndex];
-                    matrix[rowBIndex] = rowAVal;
-                    return matrix;
+        var quadraticPreparing = false;
+        var prepareQuadratic = function () { return __awaiter(_this, void 0, void 0, function () {
+            var p1, p2, height1, height2, totalHeight, curQuadraticKey, points2d, vertexHeight, largestHeight, calcQuadratic;
+            return __generator(this, function (_a) {
+                if (quadraticPreparing) {
+                    return [2 /*return*/];
                 }
-                // Zeros rowA at colIndex by subtracting a multiplied rowB from it.
-                function reduceMatrixRowByRow(matrix, zeroingIndex, parentIndex, colIndex) {
-                    var zeroRow = matrix[zeroingIndex];
-                    var parentRow = matrix[parentIndex];
-                    if (zeroRow[colIndex] == 0) {
-                        return matrix;
+                quadraticPreparing = true;
+                try {
+                    p1 = this.curPos1;
+                    p2 = this.curPos2;
+                    if (!p1 || !p2 || !Cartes.ValidateCartes3(p1) || !Cartes.ValidateCartes3(p2)) {
+                        return [2 /*return*/];
                     }
-                    else if (parentRow[colIndex] == 0) {
-                        matrix = swapRows(matrix, parentIndex, zeroingIndex);
-                        return divideMatrixRow(matrix, parentIndex, colIndex);
+                    height1 = Cartographic.fromCartesian(p1).height;
+                    height2 = Cartographic.fromCartesian(p2).height;
+                    if (isNaN(height1) || isNaN(height2)) {
+                        return [2 /*return*/];
                     }
-                    // rowAIndex colIndex / rowBIndex colIndex = factor;
-                    var factor = zeroRow[colIndex] / parentRow[colIndex];
-                    for (var i = 0; i < zeroRow.length; i++) {
-                        if (i >= colIndex) {
-                            zeroRow[i] -= parentRow[i] * factor;
-                        }
+                    totalHeight = height2 + height1;
+                    curQuadraticKey = height1 + "-" + height2 + "-" + TOTAL_LENGTH;
+                    if (quadraticKey == curQuadraticKey) {
+                        return [2 /*return*/];
                     }
-                    return matrix;
-                }
-                // Makes a given row column equal 1 by diving while row by that column.
-                function divideMatrixRow(matrix, rowIndex, colIndex) {
-                    var row = matrix[rowIndex];
-                    var colValue = row[colIndex];
-                    for (var i = 0; i < row.length; i++) {
-                        if (i >= colIndex) {
-                            row[i] /= colValue;
-                        }
+                    points2d = [
+                        new Cartesian2(0, height1),
+                        new Cartesian2(TOTAL_LENGTH, height2)
+                    ];
+                    vertexHeight = 0;
+                    // Flat line.
+                    if (HEIGHT_DISTANCE_RATIO == 0) {
+                        vertexHeight = totalHeight * 0.5;
                     }
-                    return matrix;
-                }
-                // Returns initial matrix for calculating a, b and c for quadratic formula from given points.
-                function matrixFromPoints(points) {
-                    var rows = [];
-                    var constructRow = function (point) {
-                        rows.push([
-                            -Math.pow(point.x, 2),
-                            point.x,
-                            1,
-                            point.y
-                        ]);
-                    };
-                    for (var i = 0; i < points.length; i++) {
-                        constructRow(points[i]);
+                    else {
+                        largestHeight = Math.max(height1, height2);
+                        vertexHeight = largestHeight + (TOTAL_LENGTH * HEIGHT_DISTANCE_RATIO);
                     }
-                    return rows;
+                    points2d.push(new Cartesian2(TOTAL_LENGTH * 0.5, vertexHeight));
+                    calcQuadratic = function (points) {
+                        // Swaps position of two rows in matrix.
+                        function swapRows(matrix, rowAIndex, rowBIndex) {
+                            var rowAVal = matrix[rowAIndex];
+                            matrix[rowAIndex] = matrix[rowBIndex];
+                            matrix[rowBIndex] = rowAVal;
+                            return matrix;
+                        }
+                        // Zeros rowA at colIndex by subtracting a multiplied rowB from it.
+                        function reduceMatrixRowByRow(matrix, zeroingIndex, parentIndex, colIndex) {
+                            var zeroRow = matrix[zeroingIndex];
+                            var parentRow = matrix[parentIndex];
+                            if (zeroRow[colIndex] == 0) {
+                                return matrix;
+                            }
+                            else if (parentRow[colIndex] == 0) {
+                                matrix = swapRows(matrix, parentIndex, zeroingIndex);
+                                return divideMatrixRow(matrix, parentIndex, colIndex);
+                            }
+                            // rowAIndex colIndex / rowBIndex colIndex = factor;
+                            var factor = zeroRow[colIndex] / parentRow[colIndex];
+                            for (var i = 0; i < zeroRow.length; i++) {
+                                if (i >= colIndex) {
+                                    zeroRow[i] -= parentRow[i] * factor;
+                                }
+                            }
+                            return matrix;
+                        }
+                        // Makes a given row column equal 1 by diving while row by that column.
+                        function divideMatrixRow(matrix, rowIndex, colIndex) {
+                            var row = matrix[rowIndex];
+                            var colValue = row[colIndex];
+                            for (var i = 0; i < row.length; i++) {
+                                if (i >= colIndex) {
+                                    row[i] /= colValue;
+                                }
+                            }
+                            return matrix;
+                        }
+                        // Returns initial matrix for calculating a, b and c for quadratic formula from given points.
+                        function matrixFromPoints(points) {
+                            var rows = [];
+                            var constructRow = function (point) {
+                                rows.push([
+                                    -Math.pow(point.x, 2),
+                                    point.x,
+                                    1,
+                                    point.y
+                                ]);
+                            };
+                            for (var i = 0; i < points.length; i++) {
+                                constructRow(points[i]);
+                            }
+                            return rows;
+                        }
+                        var initialMatrix = matrixFromPoints(points);
+                        var step1Matrix = reduceMatrixRowByRow(initialMatrix, 1, 0, 0);
+                        var step2Matrix = reduceMatrixRowByRow(step1Matrix, 2, 0, 0);
+                        var step3Matrix = reduceMatrixRowByRow(step2Matrix, 2, 1, 1);
+                        var step4Matrix = reduceMatrixRowByRow(step3Matrix, 0, 1, 1);
+                        var step5Matrix = reduceMatrixRowByRow(step4Matrix, 0, 2, 2);
+                        var step6Matrix = reduceMatrixRowByRow(step5Matrix, 1, 2, 2);
+                        var a = step6Matrix[0][3];
+                        var b = step6Matrix[1][3];
+                        var c = step6Matrix[2][3];
+                        return { a: a, b: b, c: c };
+                    };
+                    quadratic = calcQuadratic(points2d);
                 }
-                var initialMatrix = matrixFromPoints(points);
-                var step1Matrix = reduceMatrixRowByRow(initialMatrix, 1, 0, 0);
-                var step2Matrix = reduceMatrixRowByRow(step1Matrix, 2, 0, 0);
-                var step3Matrix = reduceMatrixRowByRow(step2Matrix, 2, 1, 1);
-                var step4Matrix = reduceMatrixRowByRow(step3Matrix, 0, 1, 1);
-                var step5Matrix = reduceMatrixRowByRow(step4Matrix, 0, 2, 2);
-                var step6Matrix = reduceMatrixRowByRow(step5Matrix, 1, 2, 2);
-                var a = step6Matrix[0][3];
-                var b = step6Matrix[1][3];
-                var c = step6Matrix[2][3];
-                return { a: a, b: b, c: c };
-            };
-            quadratic = calcQuadratic(points2d);
-        };
+                catch (e) {
+                    console.error(e);
+                }
+                finally {
+                    quadraticPreparing = false;
+                }
+                return [2 /*return*/];
+            });
+        }); };
         var getPosition = function (increment) {
             if (!quadratic) {
                 return null;
@@ -2494,13 +2579,16 @@ var CesiumParabola = /** @class */ (function () {
             var pos3d = DrawingUtils.PointAcrossPolyline({
                 viewer: _this.viewer,
                 distance: lengthAcross,
-                posses: [p1, p2]
+                posses: [_this.curPos1, _this.curPos2]
             }).point;
             var point = Cartographic.fromCartesian(pos3d);
             var posHeight = getParabolaYFromX(lengthAcross, quadratic);
             return Cartesian3.fromRadians(point.longitude, point.latitude, posHeight);
         };
         var updatePoints = function () {
+            if (!quadratic) {
+                return;
+            }
             var increment = Math.floor(curPoint);
             var chips = curPoint - Math.floor(curPoint);
             var posses = [];
@@ -2517,13 +2605,22 @@ var CesiumParabola = /** @class */ (function () {
             curPoints = posses;
         };
         var doTick = function () {
-            if (curPoint >= TOTAL_POINTS) {
-                clearInterval(animateInterval);
-                return;
+            var p1 = _this.curPos1;
+            var p2 = _this.curPos2;
+            var newLength = p1 && p2 ? Cartesian3.distance(p1, p2) : -1;
+            if (newLength > 0 && newLength != TOTAL_LENGTH) {
+                TOTAL_LENGTH = newLength;
+                TOTAL_POINTS = Math.max(50, Math.min(1000, TOTAL_LENGTH * 0.1));
+                POINT_LENGTH = TOTAL_LENGTH / TOTAL_POINTS;
+                TICK_LENGTH_INC = SEC_DURATION == 0 ? TOTAL_LENGTH : TOTAL_POINTS / (RATE_PER_SECOND * SEC_DURATION);
             }
-            curPoint += TICK_LENGTH_INC;
             prepareQuadratic();
-            updatePoints();
+            if (quadratic) {
+                if (curPoint < TOTAL_POINTS) {
+                    curPoint += TICK_LENGTH_INC;
+                }
+                updatePoints();
+            }
         };
         var animateInterval = setInterval(doTick, RATE_PER_SECOND);
         this.dispose = function () {
@@ -2540,10 +2637,7 @@ var CesiumParabola = /** @class */ (function () {
         };
         return {
             parabola: parabola,
-            siblings: [
-                p1Entity,
-                p2Entity
-            ]
+            siblings: siblings
         };
     };
     CesiumParabola.prototype.Dispose = function () {
@@ -2565,7 +2659,7 @@ var RelationRenderEngine;
     RelationRenderEngine.GetRenderGroupId = GetRenderGroupId;
     function Render(params) {
         return __awaiter(this, void 0, void 0, function () {
-            var apiGetter, viewer, visualRegister, menuItemId, relations, api, rendered, i, relation, fromEntity, toEntity, dataEntity, _a, relationType, style, _b, cEntity;
+            var apiGetter, viewer, visualRegister, menuItemId, relations, api, rendered, i, relation, fromEntity, toEntity, dataEntity, _a, relationType, styleId, entityType, style, _b, cEntity;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
@@ -2575,7 +2669,7 @@ var RelationRenderEngine;
                         i = 0;
                         _c.label = 1;
                     case 1:
-                        if (!(i < relations.length)) return [3 /*break*/, 12];
+                        if (!(i < relations.length)) return [3 /*break*/, 14];
                         relation = relations[i];
                         return [4 /*yield*/, Entity$1.Get({
                                 api: api,
@@ -2608,18 +2702,29 @@ var RelationRenderEngine;
                             })];
                     case 7:
                         relationType = (_c.sent()).relationType;
-                        if (!relationType.EntityDisplaySettingID) return [3 /*break*/, 9];
-                        return [4 /*yield*/, Style.Get({
+                        styleId = Number(relationType === null || relationType === void 0 ? void 0 : relationType["Relation.EntityType.ID"]);
+                        if (!!styleId) return [3 /*break*/, 9];
+                        return [4 /*yield*/, EntityType.Get({
                                 api: api,
-                                styleId: Number(relationType.EntityDisplaySettingID)
+                                entityTypeId: relationType === null || relationType === void 0 ? void 0 : relationType["Relation.EntityType.ID"]
                             })];
                     case 8:
-                        _b = (_c.sent()).style;
-                        return [3 /*break*/, 10];
+                        entityType = (_c.sent()).entityType;
+                        styleId = entityType === null || entityType === void 0 ? void 0 : entityType["DisplaySetting.ID"];
+                        _c.label = 9;
                     case 9:
-                        _b = null;
-                        _c.label = 10;
+                        if (!styleId) return [3 /*break*/, 11];
+                        return [4 /*yield*/, Style.Get({
+                                api: api,
+                                styleId: styleId
+                            })];
                     case 10:
+                        _b = (_c.sent()).style;
+                        return [3 /*break*/, 12];
+                    case 11:
+                        _b = null;
+                        _c.label = 12;
+                    case 12:
                         style = _b;
                         cEntity = Parabola.Render({
                             dataEntity: dataEntity,
@@ -2632,11 +2737,11 @@ var RelationRenderEngine;
                         });
                         cEntity._renderGroup = GetRenderGroupId(relation);
                         rendered[GetRenderGroupId(relation)] = cEntity;
-                        _c.label = 11;
-                    case 11:
+                        _c.label = 13;
+                    case 13:
                         i++;
                         return [3 /*break*/, 1];
-                    case 12: return [2 /*return*/, rendered];
+                    case 14: return [2 /*return*/, rendered];
                 }
             });
         });
@@ -2658,29 +2763,37 @@ var RelationRenderEngine;
             var hDistanceRatio = EnsureNumber((style === null || style === void 0 ? void 0 : style.heightDistanceRatio) ? Calculator.GetValue(style === null || style === void 0 ? void 0 : style.heightDistanceRatio, entity, []) : 0.25, 0.25);
             var fromPos = null;
             var toPos = null;
+            var updatingPosses = false;
             var updatePosses = function () {
+                if (updatingPosses) {
+                    return;
+                }
+                updatingPosses = true;
                 try {
                     fromPos = EntityUtils.GetPos({
                         entity: params.fromEntity,
                         viewer: params.viewer,
-                        visualRegister: params.visualRegister
+                        visualRegister: params.visualRegister,
+                        heightReference: HeightReference.NONE
                     });
                     toPos = EntityUtils.GetPos({
                         entity: params.toEntity,
                         viewer: params.viewer,
-                        visualRegister: params.visualRegister
+                        visualRegister: params.visualRegister,
+                        heightReference: HeightReference.NONE
                     });
                 }
                 catch (e) {
                     console.error(e);
                 }
+                updatingPosses = false;
             };
             updatePosses();
             var parabola = new CesiumParabola({
                 viewer: params.viewer,
                 pos1: function () { return fromPos; },
                 pos2: function () { return toPos; },
-                color: cColor.toString(),
+                color: cColor.toCssColorString(),
                 width: width,
                 duration: duration,
                 heightDistanceRatio: hDistanceRatio