bruce-cesium 0.4.0 → 0.4.2

package/dist/lib/rendering/render-addons/measure-addon.js

@@ -1,187 +1,187 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MeasureAddon = void 0;
-var bruce_models_1 = require("bruce-models");
-var Cesium = require("cesium");
-var drawing_utils_1 = require("../../utils/drawing-utils");
-function createContainer(viewer) {
-    if (!viewer.canvas.parentElement) {
-        return null;
-    }
-    var container = document.createElement("div");
-    container.setAttribute("style", "\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    ");
-    viewer.canvas.parentElement.appendChild(container);
-    return container;
-}
-function destroyContainer(container) {
-    if ((container === null || container === void 0 ? void 0 : container.parentElement) && container.parentElement.contains(container)) {
-        container.parentElement.removeChild(container);
-    }
-}
-var MPolyline;
-(function (MPolyline) {
-    function Render(container, viewer, entity) {
-        var _a;
-        var items = [];
-        if ((_a = entity.polyline) === null || _a === void 0 ? void 0 : _a.positions) {
-            var pointsUnk = entity.polyline.positions;
-            if (pointsUnk.getValue) {
-                pointsUnk = pointsUnk.getValue(viewer.scene.lastRenderTime);
-            }
-            var points = pointsUnk;
-            if (points && points.length) {
-                var totalLength = 0;
-                for (var i = 0; i < points.length; i++) {
-                    var p1 = points[i];
-                    var p2 = points[i + 1];
-                    if (p1 && p2) {
-                        totalLength += Cesium.Cartesian3.distance(p1, p2);
-                    }
-                }
-                if (totalLength <= 0) {
-                    return items;
-                }
-                var center = drawing_utils_1.DrawingUtils.PointAcrossPolyline(viewer, points, totalLength / 2);
-                var screenPos = viewer.scene.cartesianToCanvasCoordinates(center);
-                if (screenPos) {
-                    var element = document.createElement("div");
-                    element.setAttribute("style", "\n                        position: absolute;\n                        top: " + screenPos.y + "px;\n                        left: " + screenPos.x + "px;\n                        color: white;\n                        font-size: 14px;\n                        z-index: 1;\n                        padding: 4px 6px;\n                        border-radius: 3px;\n                        background-color: black;\n                        color: white;\n                    ");
-                    var text = bruce_models_1.MathUtils.Round(totalLength, 3) + "m";
-                    element.innerText = text;
-                    var bounds = element.getBoundingClientRect();
-                    element.style.marginLeft = (-bounds.width / 2) + "px";
-                    element.style.marginTop = (-bounds.height - 10) + "px";
-                    container.appendChild(element);
-                    items.push({ element: element, text: text });
-                }
-            }
-        }
-        return items;
-    }
-    MPolyline.Render = Render;
-})(MPolyline || (MPolyline = {}));
-var MPoint;
-(function (MPoint) {
-    function Render(container, viewer, entity) {
-        var items = [];
-        if (entity === null || entity === void 0 ? void 0 : entity.position) {
-            var posUnk = entity.position;
-            if (posUnk.getValue) {
-                posUnk = posUnk.getValue(viewer.scene.lastRenderTime);
-            }
-            var pos = posUnk;
-            if (!(pos === null || pos === void 0 ? void 0 : pos.x)) {
-                return items;
-            }
-            var screenPos = viewer.scene.cartesianToCanvasCoordinates(pos);
-            if (screenPos) {
-                var element = document.createElement("div");
-                element.setAttribute("style", "\n                    position: absolute;\n                    top: " + screenPos.y + "px;\n                    left: " + screenPos.x + "px;\n                    color: white;\n                    font-size: 14px;\n                    z-index: 1;\n                    padding: 4px 6px;\n                    border-radius: 3px;\n                    background-color: black;\n                    color: white;\n                ");
-                var point = Cesium.Cartographic.fromCartesian(pos);
-                var lat = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.latitude), 4);
-                var lon = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.longitude), 4);
-                var alt = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.height), 3);
-                var text = lat + ", " + lon + ", " + alt;
-                element.innerText = text;
-                var bounds = element.getBoundingClientRect();
-                // TODO: Account for billboard image size.
-                element.style.marginLeft = (-bounds.width / 2) + "px";
-                element.style.marginTop = (-bounds.height - 30) + "px";
-                container.appendChild(element);
-                items.push({ element: element, text: text });
-            }
-        }
-        return items;
-    }
-    MPoint.Render = Render;
-})(MPoint || (MPoint = {}));
-function findVisual(visuals) {
-    visuals.sort(function (a, b) {
-        if (a.show && !b.show) {
-            return -1;
-        }
-        if (!a.show && b.show) {
-            return 1;
-        }
-        return 0;
-    });
-    for (var i = 0; i < visuals.length; i++) {
-        var visual = visuals[i];
-        if (visual instanceof Cesium.Entity) {
-            return visual;
-        }
-    }
-    return null;
-}
-/**
- * Measure addon will render measurement details on the position of the 3d object.
- * For example it will add lengths to the line segments of a polyline.
- */
-var MeasureAddon = /** @class */ (function () {
-    function MeasureAddon(viewer) {
-        var _this = this;
-        this.Id = bruce_models_1.ObjectUtils.UId();
-        this.visual = null;
-        this.items = [];
-        this.container = null;
-        this.viewer = viewer;
-        this.cRenderListener = this.viewer.scene.postRender.addEventListener(function () {
-            _this.updateQueue.Call();
-        });
-        this.updateQueue = new bruce_models_1.DelayQueue(function () {
-            _this.doUpdate();
-        }, 1000 / 60);
-    }
-    MeasureAddon.prototype.doUpdate = function () {
-        if (!this.container) {
-            this.container = createContainer(this.viewer);
-        }
-        this.Remove();
-        if (!this.container) {
-            return;
-        }
-        var visual = this.visual;
-        if (visual instanceof Cesium.Entity) {
-            var entity = visual;
-            if (entity.polyline) {
-                this.items = MPolyline.Render(this.container, this.viewer, entity);
-            }
-            else if (entity.point || entity.billboard) {
-                this.items = MPoint.Render(this.container, this.viewer, entity);
-            }
-            // TODO: 
-            // - Polygon measurement.
-            // - Polygon that is an angle measurement?
-            // We'll need params for the addon that dictate what measurements we want to see.
-            // Eg: I care about "length", "area" but not "angle" measurements in polygons.
-        }
-        else {
-            // We don't support prims or tiles.
-        }
-    };
-    MeasureAddon.prototype.Render = function (visuals) {
-        var newVisual = findVisual(visuals);
-        if (newVisual != this.visual) {
-            this.Remove();
-        }
-        this.visual = newVisual;
-        this.updateQueue.Call(true);
-    };
-    MeasureAddon.prototype.Remove = function () {
-        var _a;
-        for (var i = 0; i < this.items.length; i++) {
-            var item = this.items[i];
-            if (((_a = item.element) === null || _a === void 0 ? void 0 : _a.parentElement) && item.element.parentElement.contains(item.element)) {
-                item.element.parentElement.removeChild(item.element);
-            }
-        }
-        this.items = [];
-    };
-    MeasureAddon.prototype.Dispose = function () {
-        this.cRenderListener();
-        destroyContainer(this.container);
-    };
-    return MeasureAddon;
-}());
-exports.MeasureAddon = MeasureAddon;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MeasureAddon = void 0;
+var bruce_models_1 = require("bruce-models");
+var Cesium = require("cesium");
+var drawing_utils_1 = require("../../utils/drawing-utils");
+function createContainer(viewer) {
+    if (!viewer.canvas.parentElement) {
+        return null;
+    }
+    var container = document.createElement("div");
+    container.setAttribute("style", "\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        z-index: 1;\n    ");
+    viewer.canvas.parentElement.appendChild(container);
+    return container;
+}
+function destroyContainer(container) {
+    if ((container === null || container === void 0 ? void 0 : container.parentElement) && container.parentElement.contains(container)) {
+        container.parentElement.removeChild(container);
+    }
+}
+var MPolyline;
+(function (MPolyline) {
+    function Render(container, viewer, entity) {
+        var _a;
+        var items = [];
+        if ((_a = entity.polyline) === null || _a === void 0 ? void 0 : _a.positions) {
+            var pointsUnk = entity.polyline.positions;
+            if (pointsUnk.getValue) {
+                pointsUnk = pointsUnk.getValue(viewer.scene.lastRenderTime);
+            }
+            var points = pointsUnk;
+            if (points && points.length) {
+                var totalLength = 0;
+                for (var i = 0; i < points.length; i++) {
+                    var p1 = points[i];
+                    var p2 = points[i + 1];
+                    if (p1 && p2) {
+                        totalLength += Cesium.Cartesian3.distance(p1, p2);
+                    }
+                }
+                if (totalLength <= 0) {
+                    return items;
+                }
+                var center = drawing_utils_1.DrawingUtils.PointAcrossPolyline(viewer, points, totalLength / 2);
+                var screenPos = viewer.scene.cartesianToCanvasCoordinates(center);
+                if (screenPos) {
+                    var element = document.createElement("div");
+                    element.setAttribute("style", "\n                        position: absolute;\n                        top: " + screenPos.y + "px;\n                        left: " + screenPos.x + "px;\n                        color: white;\n                        font-size: 14px;\n                        z-index: 1;\n                        padding: 4px 6px;\n                        border-radius: 3px;\n                        background-color: black;\n                        color: white;\n                    ");
+                    var text = bruce_models_1.MathUtils.Round(totalLength, 3) + "m";
+                    element.innerText = text;
+                    var bounds = element.getBoundingClientRect();
+                    element.style.marginLeft = (-bounds.width / 2) + "px";
+                    element.style.marginTop = (-bounds.height - 10) + "px";
+                    container.appendChild(element);
+                    items.push({ element: element, text: text });
+                }
+            }
+        }
+        return items;
+    }
+    MPolyline.Render = Render;
+})(MPolyline || (MPolyline = {}));
+var MPoint;
+(function (MPoint) {
+    function Render(container, viewer, entity) {
+        var items = [];
+        if (entity === null || entity === void 0 ? void 0 : entity.position) {
+            var posUnk = entity.position;
+            if (posUnk.getValue) {
+                posUnk = posUnk.getValue(viewer.scene.lastRenderTime);
+            }
+            var pos = posUnk;
+            if (!(pos === null || pos === void 0 ? void 0 : pos.x)) {
+                return items;
+            }
+            var screenPos = viewer.scene.cartesianToCanvasCoordinates(pos);
+            if (screenPos) {
+                var element = document.createElement("div");
+                element.setAttribute("style", "\n                    position: absolute;\n                    top: " + screenPos.y + "px;\n                    left: " + screenPos.x + "px;\n                    color: white;\n                    font-size: 14px;\n                    z-index: 1;\n                    padding: 4px 6px;\n                    border-radius: 3px;\n                    background-color: black;\n                    color: white;\n                ");
+                var point = Cesium.Cartographic.fromCartesian(pos);
+                var lat = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.latitude), 4);
+                var lon = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.longitude), 4);
+                var alt = bruce_models_1.MathUtils.Round(Cesium.Math.toDegrees(point.height), 3);
+                var text = lat + ", " + lon + ", " + alt;
+                element.innerText = text;
+                var bounds = element.getBoundingClientRect();
+                // TODO: Account for billboard image size.
+                element.style.marginLeft = (-bounds.width / 2) + "px";
+                element.style.marginTop = (-bounds.height - 30) + "px";
+                container.appendChild(element);
+                items.push({ element: element, text: text });
+            }
+        }
+        return items;
+    }
+    MPoint.Render = Render;
+})(MPoint || (MPoint = {}));
+function findVisual(visuals) {
+    visuals.sort(function (a, b) {
+        if (a.show && !b.show) {
+            return -1;
+        }
+        if (!a.show && b.show) {
+            return 1;
+        }
+        return 0;
+    });
+    for (var i = 0; i < visuals.length; i++) {
+        var visual = visuals[i];
+        if (visual instanceof Cesium.Entity) {
+            return visual;
+        }
+    }
+    return null;
+}
+/**
+ * Measure addon will render measurement details on the position of the 3d object.
+ * For example it will add lengths to the line segments of a polyline.
+ */
+var MeasureAddon = /** @class */ (function () {
+    function MeasureAddon(viewer) {
+        var _this = this;
+        this.Id = bruce_models_1.ObjectUtils.UId();
+        this.visual = null;
+        this.items = [];
+        this.container = null;
+        this.viewer = viewer;
+        this.cRenderListener = this.viewer.scene.postRender.addEventListener(function () {
+            _this.updateQueue.Call();
+        });
+        this.updateQueue = new bruce_models_1.DelayQueue(function () {
+            _this.doUpdate();
+        }, 1000 / 60);
+    }
+    MeasureAddon.prototype.doUpdate = function () {
+        if (!this.container) {
+            this.container = createContainer(this.viewer);
+        }
+        this.Remove();
+        if (!this.container) {
+            return;
+        }
+        var visual = this.visual;
+        if (visual instanceof Cesium.Entity) {
+            var entity = visual;
+            if (entity.polyline) {
+                this.items = MPolyline.Render(this.container, this.viewer, entity);
+            }
+            else if (entity.point || entity.billboard) {
+                this.items = MPoint.Render(this.container, this.viewer, entity);
+            }
+            // TODO: 
+            // - Polygon measurement.
+            // - Polygon that is an angle measurement?
+            // We'll need params for the addon that dictate what measurements we want to see.
+            // Eg: I care about "length", "area" but not "angle" measurements in polygons.
+        }
+        else {
+            // We don't support prims or tiles.
+        }
+    };
+    MeasureAddon.prototype.Render = function (visuals) {
+        var newVisual = findVisual(visuals);
+        if (newVisual != this.visual) {
+            this.Remove();
+        }
+        this.visual = newVisual;
+        this.updateQueue.Call(true);
+    };
+    MeasureAddon.prototype.Remove = function () {
+        var _a;
+        for (var i = 0; i < this.items.length; i++) {
+            var item = this.items[i];
+            if (((_a = item.element) === null || _a === void 0 ? void 0 : _a.parentElement) && item.element.parentElement.contains(item.element)) {
+                item.element.parentElement.removeChild(item.element);
+            }
+        }
+        this.items = [];
+    };
+    MeasureAddon.prototype.Dispose = function () {
+        this.cRenderListener();
+        destroyContainer(this.container);
+    };
+    return MeasureAddon;
+}());
+exports.MeasureAddon = MeasureAddon;
 //# sourceMappingURL=measure-addon.js.map

package/dist/lib/rendering/render-addons/render-addon.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=render-addon.js.map