bruce-cesium 0.2.0 → 0.2.1

package/dist/bruce-cesium.umd.js

@@ -717,6 +717,10 @@
                                 if (!displayType) {
                                     displayType = bruceModels.ZoomControl.EDisplayType.Hidden;
                                 }
+                                // Backwards compatibility.
+                                else if (displayType == "polygon") {
+                                    displayType = bruceModels.ZoomControl.EDisplayType.Geometry;
+                                }
                                 if (displayType != bruceModels.ZoomControl.EDisplayType.Hidden) {
                                     newRenderId = getRenderGroupId(zoomItem);
                                     existing = getExistingCEntity(id, params.menuItemId, zoomItem, params.visualRegister);
@@ -1663,7 +1667,7 @@
             }
         }
     }
-    function updateEntity(viewer, entityRegos) {
+    function updateEntity(viewer, entityRegos, addons) {
         var highestPriority = null;
         for (var i = 0; i < entityRegos.length; i++) {
             var rego = entityRegos[i];
@@ -1673,7 +1677,14 @@
         }
         for (var i = 0; i < entityRegos.length; i++) {
             var rego = entityRegos[i];
-            updateEntityShow(viewer, rego.visual, rego === highestPriority);
+            var show = rego === highestPriority;
+            updateEntityShow(viewer, rego.visual, show);
+        }
+        if (addons) {
+            for (var j = 0; j < addons.length; j++) {
+                var addon = addons[j];
+                addon.Render(entityRegos.map(function (x) { return x.visual; }));
+            }
         }
     }
     function markEntity(register, rego, visual) {
@@ -1777,6 +1788,7 @@
                 this.rego = {};
                 this.onUpdate = null;
                 this.selectedIds = [];
+                this.addons = {};
                 this.viewer = viewer;
             }
             Object.defineProperty(Register.prototype, "Id", {
@@ -1796,6 +1808,40 @@
                 enumerable: false,
                 configurable: true
             });
+            Register.prototype.AddAddon = function (entityId, addon) {
+                if (!this.addons[entityId]) {
+                    this.addons[entityId] = [];
+                }
+                this.addons[entityId].push(addon);
+                var regos = this.rego[entityId];
+                if (regos) {
+                    addon.Render(regos.map(function (x) { return x.visual; }));
+                }
+            };
+            Register.prototype.GetAddons = function (entityId) {
+                return this.addons[entityId] || [];
+            };
+            Register.prototype.RemoveAddon = function (entityId, addonId) {
+                var addons = this.addons[entityId];
+                if (addons) {
+                    for (var i = 0; i < addons.length; i++) {
+                        if (addons[i].Id === addonId) {
+                            addons[i].Dispose();
+                            addons.splice(i, 1);
+                            break;
+                        }
+                    }
+                }
+            };
+            Register.prototype.RemoveAddons = function (entityId) {
+                var addons = this.addons[entityId];
+                if (addons) {
+                    for (var i = 0; i < addons.length; i++) {
+                        addons[i].Dispose();
+                    }
+                }
+                this.addons[entityId] = [];
+            };
             Register.prototype.Select = function (id) {
                 if (this.selectedIds.indexOf(id) === -1) {
                     this.selectedIds.push(id);
@@ -1845,7 +1891,7 @@
                 entityRegos.push(rego);
                 this.rego[entityId] = entityRegos;
                 markEntity(this, rego, rego.visual);
-                updateEntity(this.viewer, this.rego[entityId]);
+                updateEntity(this.viewer, this.rego[entityId], this.GetAddons(entityId));
                 if (this.selectedIds.includes(entityId)) {
                     select(rego.visual);
                 }
@@ -1899,7 +1945,7 @@
                         var doesInclude = this.rego[entityId].find(function (r) { return r.menuItemId === id; });
                         if (doesInclude) {
                             this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== id; });
-                            updateEntity(this.viewer, this.rego[entityId]);
+                            updateEntity(this.viewer, this.rego[entityId], this.GetAddons(entityId));
                         }
                     }
                 }
@@ -1919,7 +1965,7 @@
                 removeEntity(this.viewer, rego.visual);
                 this.rego[entityId] = entityRegos.filter(function (r) { return r.menuItemId !== menuItemId; });
                 if (_doUpdate) {
-                    updateEntity(this.viewer, this.rego[entityId]);
+                    updateEntity(this.viewer, this.rego[entityId], this.GetAddons(entityId));
                 }
             };
             /**
@@ -3703,7 +3749,179 @@
         ViewRenderEngine.Render = Render;
     })(exports.ViewRenderEngine || (exports.ViewRenderEngine = {}));
 
+    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 = 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 = bruceModels.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 = bruceModels.MathUtils.Round(Cesium.Math.toDegrees(point.latitude), 4);
+                    var lon = bruceModels.MathUtils.Round(Cesium.Math.toDegrees(point.longitude), 4);
+                    var alt = bruceModels.MathUtils.Round(Cesium.Math.toDegrees(point.height), 3);
+                    var text = lat + ", " + lon + ", " + alt;
+                    element.innerText = text;
+                    var bounds = element.getBoundingClientRect();
+                    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 = bruceModels.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 bruceModels.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) {
+                    this.items = MPoint.Render(this.container, this.viewer, entity);
+                }
+            }
+        };
+        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.CesiumViewMonitor = CesiumViewMonitor;
+    exports.MeasureAddon = MeasureAddon;
 
     Object.defineProperty(exports, '__esModule', { value: true });