bruce-cesium 0.2.0 → 0.2.1

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, EntityFilterGetter, BatchedDataGetter, ObjectUtils, Tileset, MenuItem, ProjectView, ProjectViewBookmark, ProjectViewTileSource, Camera } from 'bruce-models';
-import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Color, HeightReference, Cartesian3, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, HeadingPitchRange, OrthographicFrustum, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, createWorldTerrain, CesiumTerrainProvider, EllipsoidTerrainProvider, Matrix4, Cesium3DTileset, EllipsoidGeodesic } from 'cesium';
+import { BruceEvent, Cartes, Carto, Geometry, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, DelayQueue, Entity as Entity$1, EntityFilterGetter, BatchedDataGetter, ObjectUtils, Tileset, MenuItem, ProjectView, ProjectViewBookmark, ProjectViewTileSource, Camera, MathUtils } from 'bruce-models';
+import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Cartesian3, HeadingPitchRange, Entity, Primitive, Cesium3DTileFeature, Color, HeightReference, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, OrthographicFrustum, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, createWorldTerrain, CesiumTerrainProvider, EllipsoidTerrainProvider, Matrix4, Cesium3DTileset, EllipsoidGeodesic } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -717,6 +717,10 @@ var EntityRenderEngine;
                             if (!displayType) {
                                 displayType = ZoomControl.EDisplayType.Hidden;
                             }
+                            // Backwards compatibility.
+                            else if (displayType == "polygon") {
+                                displayType = ZoomControl.EDisplayType.Geometry;
+                            }
                             if (displayType != ZoomControl.EDisplayType.Hidden) {
                                 newRenderId = getRenderGroupId(zoomItem);
                                 existing = getExistingCEntity(id, params.menuItemId, zoomItem, params.visualRegister);
@@ -1674,7 +1678,7 @@ function updateEntityShow(viewer, visual, show) {
         }
     }
 }
-function updateEntity(viewer, entityRegos) {
+function updateEntity(viewer, entityRegos, addons) {
     var highestPriority = null;
     for (var i = 0; i < entityRegos.length; i++) {
         var rego = entityRegos[i];
@@ -1684,7 +1688,14 @@ function updateEntity(viewer, entityRegos) {
     }
     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) {
@@ -1793,6 +1804,7 @@ var VisualsRegister;
             this.rego = {};
             this.onUpdate = null;
             this.selectedIds = [];
+            this.addons = {};
             this.viewer = viewer;
         }
         Object.defineProperty(Register.prototype, "Id", {
@@ -1812,6 +1824,40 @@ var VisualsRegister;
             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);
@@ -1861,7 +1907,7 @@ var VisualsRegister;
             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);
             }
@@ -1915,7 +1961,7 @@ var VisualsRegister;
                     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));
                     }
                 }
             }
@@ -1935,7 +1981,7 @@ var VisualsRegister;
             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));
             }
         };
         /**
@@ -3743,5 +3789,176 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-export { CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, RenderHelper, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, ViewRenderEngine, TileRenderEngine };
+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 += 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 = 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 = Cartographic.fromCartesian(pos);
+                var lat = MathUtils.Round(Math$1.toDegrees(point.latitude), 4);
+                var lon = MathUtils.Round(Math$1.toDegrees(point.longitude), 4);
+                var alt = MathUtils.Round(Math$1.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 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 = 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 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 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;
+}());
+
+export { CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, RenderHelper, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, ViewRenderEngine, TileRenderEngine, MeasureAddon };
 //# sourceMappingURL=bruce-cesium.es5.js.map