bruce-cesium 0.4.0 → 0.4.2

package/dist/lib/viewer/cesium-view-monitor.js

@@ -1,232 +1,232 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CesiumViewMonitor = void 0;
-var bruce_models_1 = require("bruce-models");
-var Cesium = require("cesium");
-var TIME_LAG = 300;
-var POSITION_CHECK_TIMER = 950;
-var DEFAULT_GROUNDED_HEIGHT = 300;
-var MINIMUM_VIEW_AREA_SIZE_DEGREES = 0.01;
-var NET_STEP_PERCENT = 5;
-var BORDER_STEPS = 3;
-var ESearchStatus;
-(function (ESearchStatus) {
-    ESearchStatus[ESearchStatus["LocationFound"] = 1] = "LocationFound";
-    ESearchStatus[ESearchStatus["LocationChanged"] = 2] = "LocationChanged";
-    ESearchStatus[ESearchStatus["LocationMissing"] = 3] = "LocationMissing";
-})(ESearchStatus || (ESearchStatus = {}));
-function netScanViewForBoundaries(viewer) {
-    var maxLong = -2 * Math.PI;
-    var minLong = 2 * Math.PI;
-    var maxLat = -2 * Math.PI;
-    var minLat = 2 * Math.PI;
-    var found = 0;
-    var updateMinMaxForPoint = function (stepX, stepY) {
-        var x = Math.round(0 + (viewer.container.clientWidth / 100) * (stepX * NET_STEP_PERCENT));
-        var y = Math.round(0 + (viewer.container.clientHeight / 100) * (stepY * NET_STEP_PERCENT));
-        var winPos = new Cesium.Cartesian2(x, y);
-        try {
-            var intersection = getAdjustedGroundIntersectionOfCameraRay(viewer, winPos);
-            if (intersection) {
-                var point = Cesium.Cartographic.fromCartesian(intersection, viewer.scene.globe.ellipsoid);
-                maxLong = Math.max(maxLong, point.longitude);
-                maxLat = Math.max(maxLat, point.latitude);
-                minLong = Math.min(minLong, point.longitude);
-                minLat = Math.min(minLat, point.latitude);
-                found++;
-            }
-        }
-        catch (_a) {
-        }
-    };
-    // Outer circle.
-    updateMinMaxForPoint(BORDER_STEPS, BORDER_STEPS);
-    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS, BORDER_STEPS);
-    updateMinMaxForPoint(BORDER_STEPS, (100 / NET_STEP_PERCENT) - BORDER_STEPS);
-    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS, (100 / NET_STEP_PERCENT) - BORDER_STEPS);
-    // Inner circle.
-    updateMinMaxForPoint(BORDER_STEPS * 2, BORDER_STEPS * 2);
-    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS * 2, BORDER_STEPS * 2);
-    updateMinMaxForPoint(BORDER_STEPS * 2, (100 / NET_STEP_PERCENT) - BORDER_STEPS * 2);
-    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS * 2, (100 / NET_STEP_PERCENT) - BORDER_STEPS * 2);
-    if (found > 0) {
-        var viewRect = {
-            east: maxLong,
-            west: minLong,
-            north: maxLat,
-            south: minLat
-        };
-        return viewRect;
-    }
-    return null;
-}
-function getAdjustedGroundIntersectionOfCameraRay(viewer, screenPos) {
-    var ray = viewer.camera.getPickRay(screenPos);
-    var intersection = ray ? viewer.scene.globe.pick(ray, viewer.scene) : null;
-    if (intersection) {
-        return intersection;
-    }
-    return null;
-}
-function areBoundsEqual(a, b) {
-    return a.north == b.north && a.south == b.south && a.east == b.east && a.west == b.west;
-}
-function arePosEqual(a, b) {
-    return a.latitude == b.latitude && a.longitude == b.longitude;
-}
-/**
- * Monitors and emits events when the Cesium view changes.
- */
-var CesiumViewMonitor = /** @class */ (function () {
-    function CesiumViewMonitor(viewer) {
-        var _this = this;
-        this.target = null;
-        this.bounds = null;
-        this.disposed = false;
-        this.updatedEvent = null;
-        this.viewer = viewer;
-        this.tryEmitUpdate();
-        this.checkInterval = setInterval(function () {
-            _this.updateQueue();
-        }, POSITION_CHECK_TIMER);
-    }
-    Object.defineProperty(CesiumViewMonitor.prototype, "Disposed", {
-        get: function () {
-            return this.disposed;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    CesiumViewMonitor.prototype.Updated = function () {
-        if (!this.updatedEvent) {
-            this.updatedEvent = new bruce_models_1.BruceEvent();
-        }
-        return this.updatedEvent;
-    };
-    CesiumViewMonitor.prototype.GetBounds = function () {
-        return this.bounds;
-    };
-    CesiumViewMonitor.prototype.GetTarget = function () {
-        return this.target;
-    };
-    CesiumViewMonitor.prototype.DoUpdate = function () {
-        this.tryEmitUpdate();
-    };
-    CesiumViewMonitor.prototype.Dispose = function () {
-        if (this.disposed) {
-            return;
-        }
-        this.disposed = true;
-        clearInterval(this.checkInterval);
-    };
-    CesiumViewMonitor.prototype.tryDoUpdate = function () {
-        var _a;
-        if (!this.viewer || this.viewer.isDestroyed()) {
-            this.Dispose();
-            return ESearchStatus.LocationMissing;
-        }
-        var viewRect = null;
-        var center = null;
-        var camera = this.viewer.camera;
-        var terrainHeight = this.viewer.scene.globe.getHeight(camera.positionCartographic);
-        var cameraPosition = this.viewer.camera.positionCartographic;
-        // We are almost at the ground, screw horizon, just load around.
-        if (terrainHeight && ((cameraPosition.height - terrainHeight) < DEFAULT_GROUNDED_HEIGHT)) {
-            // View area calculation.
-            viewRect = {};
-            var viewRectRad = netScanViewForBoundaries(this.viewer);
-            if (viewRectRad &&
-                viewRectRad.east &&
-                viewRectRad.west &&
-                viewRectRad.north &&
-                viewRectRad.south) {
-                viewRect.east = Cesium.Math.toDegrees(Math.max(viewRectRad.east, cameraPosition.longitude));
-                viewRect.west = Cesium.Math.toDegrees(Math.min(viewRectRad.west, cameraPosition.longitude));
-                viewRect.south = Cesium.Math.toDegrees(Math.min(viewRectRad.south, cameraPosition.latitude));
-                viewRect.north = Cesium.Math.toDegrees(Math.max(viewRectRad.north, cameraPosition.latitude));
-            }
-            else {
-                viewRect.east = cameraPosition.longitude;
-                viewRect.west = cameraPosition.longitude;
-                viewRect.south = cameraPosition.latitude;
-                viewRect.north = cameraPosition.latitude;
-            }
-            center = {};
-            center.latitude = Cesium.Math.toDegrees(camera.positionCartographic.latitude);
-            center.longitude = Cesium.Math.toDegrees(camera.positionCartographic.longitude);
-        }
-        else {
-            // View area calculation.
-            var windowPosition = new Cesium.Cartesian2(this.viewer.container.clientWidth / 2, this.viewer.container.clientHeight / 2);
-            var intersection = getAdjustedGroundIntersectionOfCameraRay(this.viewer, windowPosition);
-            var point = null;
-            if (intersection) {
-                point = Cesium.Cartographic.fromCartesian(intersection, this.viewer.scene.globe.ellipsoid);
-            }
-            if (point) {
-                center = {};
-                center.latitude = Cesium.Math.toDegrees(point.latitude);
-                center.longitude = Cesium.Math.toDegrees(point.longitude);
-                var viewRectRad = netScanViewForBoundaries(this.viewer);
-                if (viewRectRad) {
-                    viewRect = {};
-                    viewRect.east = Cesium.Math.toDegrees(viewRectRad.east);
-                    viewRect.west = Cesium.Math.toDegrees(viewRectRad.west);
-                    viewRect.south = Cesium.Math.toDegrees(viewRectRad.south);
-                    viewRect.north = Cesium.Math.toDegrees(viewRectRad.north);
-                }
-            }
-        }
-        // Minimal field of view.
-        if (viewRect) {
-            var centerLong = (viewRect.east + viewRect.west) / 2;
-            var centerLat = (viewRect.north + viewRect.south) / 2;
-            viewRect.east = Math.max(viewRect.east, centerLong + (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
-            viewRect.west = Math.min(viewRect.west, centerLong - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
-            viewRect.south = Math.min(viewRect.south, centerLat - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
-            viewRect.north = Math.max(viewRect.north, centerLat + (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
-            viewRect.alt = (_a = this.viewer.scene.camera.positionCartographic) === null || _a === void 0 ? void 0 : _a.height;
-        }
-        if (center && viewRect) {
-            if ((!this.target || (this.target && !arePosEqual(this.target, center))) ||
-                (!this.bounds || (this.bounds && !areBoundsEqual(this.bounds, viewRect)))) {
-                this.target = center;
-                this.bounds = viewRect;
-                return ESearchStatus.LocationChanged;
-            }
-            return ESearchStatus.LocationFound;
-        }
-        return ESearchStatus.LocationMissing;
-    };
-    CesiumViewMonitor.prototype.tryEmitUpdate = function () {
-        var _a;
-        var searchResult = this.tryDoUpdate();
-        if (searchResult == ESearchStatus.LocationChanged) {
-            var interest = {
-                bounds: this.bounds,
-                target: this.target
-            };
-            (_a = this.updatedEvent) === null || _a === void 0 ? void 0 : _a.Trigger(interest);
-        }
-        else if (searchResult == ESearchStatus.LocationMissing) {
-            this.updateQueue();
-        }
-    };
-    CesiumViewMonitor.prototype.queuePosition = function (lag) {
-        var _this = this;
-        if (this.pendingTimeout) {
-            clearTimeout(this.pendingTimeout);
-        }
-        this.pendingTimeout = setTimeout(function () {
-            if (!_this.disposed) {
-                _this.tryEmitUpdate();
-            }
-        }, lag);
-    };
-    CesiumViewMonitor.prototype.updateQueue = function () {
-        this.queuePosition(TIME_LAG);
-    };
-    return CesiumViewMonitor;
-}());
-exports.CesiumViewMonitor = CesiumViewMonitor;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CesiumViewMonitor = void 0;
+var bruce_models_1 = require("bruce-models");
+var Cesium = require("cesium");
+var TIME_LAG = 300;
+var POSITION_CHECK_TIMER = 950;
+var DEFAULT_GROUNDED_HEIGHT = 300;
+var MINIMUM_VIEW_AREA_SIZE_DEGREES = 0.01;
+var NET_STEP_PERCENT = 5;
+var BORDER_STEPS = 3;
+var ESearchStatus;
+(function (ESearchStatus) {
+    ESearchStatus[ESearchStatus["LocationFound"] = 1] = "LocationFound";
+    ESearchStatus[ESearchStatus["LocationChanged"] = 2] = "LocationChanged";
+    ESearchStatus[ESearchStatus["LocationMissing"] = 3] = "LocationMissing";
+})(ESearchStatus || (ESearchStatus = {}));
+function netScanViewForBoundaries(viewer) {
+    var maxLong = -2 * Math.PI;
+    var minLong = 2 * Math.PI;
+    var maxLat = -2 * Math.PI;
+    var minLat = 2 * Math.PI;
+    var found = 0;
+    var updateMinMaxForPoint = function (stepX, stepY) {
+        var x = Math.round(0 + (viewer.container.clientWidth / 100) * (stepX * NET_STEP_PERCENT));
+        var y = Math.round(0 + (viewer.container.clientHeight / 100) * (stepY * NET_STEP_PERCENT));
+        var winPos = new Cesium.Cartesian2(x, y);
+        try {
+            var intersection = getAdjustedGroundIntersectionOfCameraRay(viewer, winPos);
+            if (intersection) {
+                var point = Cesium.Cartographic.fromCartesian(intersection, viewer.scene.globe.ellipsoid);
+                maxLong = Math.max(maxLong, point.longitude);
+                maxLat = Math.max(maxLat, point.latitude);
+                minLong = Math.min(minLong, point.longitude);
+                minLat = Math.min(minLat, point.latitude);
+                found++;
+            }
+        }
+        catch (_a) {
+        }
+    };
+    // Outer circle.
+    updateMinMaxForPoint(BORDER_STEPS, BORDER_STEPS);
+    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS, BORDER_STEPS);
+    updateMinMaxForPoint(BORDER_STEPS, (100 / NET_STEP_PERCENT) - BORDER_STEPS);
+    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS, (100 / NET_STEP_PERCENT) - BORDER_STEPS);
+    // Inner circle.
+    updateMinMaxForPoint(BORDER_STEPS * 2, BORDER_STEPS * 2);
+    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS * 2, BORDER_STEPS * 2);
+    updateMinMaxForPoint(BORDER_STEPS * 2, (100 / NET_STEP_PERCENT) - BORDER_STEPS * 2);
+    updateMinMaxForPoint((100 / NET_STEP_PERCENT) - BORDER_STEPS * 2, (100 / NET_STEP_PERCENT) - BORDER_STEPS * 2);
+    if (found > 0) {
+        var viewRect = {
+            east: maxLong,
+            west: minLong,
+            north: maxLat,
+            south: minLat
+        };
+        return viewRect;
+    }
+    return null;
+}
+function getAdjustedGroundIntersectionOfCameraRay(viewer, screenPos) {
+    var ray = viewer.camera.getPickRay(screenPos);
+    var intersection = ray ? viewer.scene.globe.pick(ray, viewer.scene) : null;
+    if (intersection) {
+        return intersection;
+    }
+    return null;
+}
+function areBoundsEqual(a, b) {
+    return a.north == b.north && a.south == b.south && a.east == b.east && a.west == b.west;
+}
+function arePosEqual(a, b) {
+    return a.latitude == b.latitude && a.longitude == b.longitude;
+}
+/**
+ * Monitors and emits events when the Cesium view changes.
+ */
+var CesiumViewMonitor = /** @class */ (function () {
+    function CesiumViewMonitor(viewer) {
+        var _this = this;
+        this.target = null;
+        this.bounds = null;
+        this.disposed = false;
+        this.updatedEvent = null;
+        this.viewer = viewer;
+        this.tryEmitUpdate();
+        this.checkInterval = setInterval(function () {
+            _this.updateQueue();
+        }, POSITION_CHECK_TIMER);
+    }
+    Object.defineProperty(CesiumViewMonitor.prototype, "Disposed", {
+        get: function () {
+            return this.disposed;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    CesiumViewMonitor.prototype.Updated = function () {
+        if (!this.updatedEvent) {
+            this.updatedEvent = new bruce_models_1.BruceEvent();
+        }
+        return this.updatedEvent;
+    };
+    CesiumViewMonitor.prototype.GetBounds = function () {
+        return this.bounds;
+    };
+    CesiumViewMonitor.prototype.GetTarget = function () {
+        return this.target;
+    };
+    CesiumViewMonitor.prototype.DoUpdate = function () {
+        this.tryEmitUpdate();
+    };
+    CesiumViewMonitor.prototype.Dispose = function () {
+        if (this.disposed) {
+            return;
+        }
+        this.disposed = true;
+        clearInterval(this.checkInterval);
+    };
+    CesiumViewMonitor.prototype.tryDoUpdate = function () {
+        var _a;
+        if (!this.viewer || this.viewer.isDestroyed()) {
+            this.Dispose();
+            return ESearchStatus.LocationMissing;
+        }
+        var viewRect = null;
+        var center = null;
+        var camera = this.viewer.camera;
+        var terrainHeight = this.viewer.scene.globe.getHeight(camera.positionCartographic);
+        var cameraPosition = this.viewer.camera.positionCartographic;
+        // We are almost at the ground, screw horizon, just load around.
+        if (terrainHeight && ((cameraPosition.height - terrainHeight) < DEFAULT_GROUNDED_HEIGHT)) {
+            // View area calculation.
+            viewRect = {};
+            var viewRectRad = netScanViewForBoundaries(this.viewer);
+            if (viewRectRad &&
+                viewRectRad.east &&
+                viewRectRad.west &&
+                viewRectRad.north &&
+                viewRectRad.south) {
+                viewRect.east = Cesium.Math.toDegrees(Math.max(viewRectRad.east, cameraPosition.longitude));
+                viewRect.west = Cesium.Math.toDegrees(Math.min(viewRectRad.west, cameraPosition.longitude));
+                viewRect.south = Cesium.Math.toDegrees(Math.min(viewRectRad.south, cameraPosition.latitude));
+                viewRect.north = Cesium.Math.toDegrees(Math.max(viewRectRad.north, cameraPosition.latitude));
+            }
+            else {
+                viewRect.east = cameraPosition.longitude;
+                viewRect.west = cameraPosition.longitude;
+                viewRect.south = cameraPosition.latitude;
+                viewRect.north = cameraPosition.latitude;
+            }
+            center = {};
+            center.latitude = Cesium.Math.toDegrees(camera.positionCartographic.latitude);
+            center.longitude = Cesium.Math.toDegrees(camera.positionCartographic.longitude);
+        }
+        else {
+            // View area calculation.
+            var windowPosition = new Cesium.Cartesian2(this.viewer.container.clientWidth / 2, this.viewer.container.clientHeight / 2);
+            var intersection = getAdjustedGroundIntersectionOfCameraRay(this.viewer, windowPosition);
+            var point = null;
+            if (intersection) {
+                point = Cesium.Cartographic.fromCartesian(intersection, this.viewer.scene.globe.ellipsoid);
+            }
+            if (point) {
+                center = {};
+                center.latitude = Cesium.Math.toDegrees(point.latitude);
+                center.longitude = Cesium.Math.toDegrees(point.longitude);
+                var viewRectRad = netScanViewForBoundaries(this.viewer);
+                if (viewRectRad) {
+                    viewRect = {};
+                    viewRect.east = Cesium.Math.toDegrees(viewRectRad.east);
+                    viewRect.west = Cesium.Math.toDegrees(viewRectRad.west);
+                    viewRect.south = Cesium.Math.toDegrees(viewRectRad.south);
+                    viewRect.north = Cesium.Math.toDegrees(viewRectRad.north);
+                }
+            }
+        }
+        // Minimal field of view.
+        if (viewRect) {
+            var centerLong = (viewRect.east + viewRect.west) / 2;
+            var centerLat = (viewRect.north + viewRect.south) / 2;
+            viewRect.east = Math.max(viewRect.east, centerLong + (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
+            viewRect.west = Math.min(viewRect.west, centerLong - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
+            viewRect.south = Math.min(viewRect.south, centerLat - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
+            viewRect.north = Math.max(viewRect.north, centerLat + (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
+            viewRect.alt = (_a = this.viewer.scene.camera.positionCartographic) === null || _a === void 0 ? void 0 : _a.height;
+        }
+        if (center && viewRect) {
+            if ((!this.target || (this.target && !arePosEqual(this.target, center))) ||
+                (!this.bounds || (this.bounds && !areBoundsEqual(this.bounds, viewRect)))) {
+                this.target = center;
+                this.bounds = viewRect;
+                return ESearchStatus.LocationChanged;
+            }
+            return ESearchStatus.LocationFound;
+        }
+        return ESearchStatus.LocationMissing;
+    };
+    CesiumViewMonitor.prototype.tryEmitUpdate = function () {
+        var _a;
+        var searchResult = this.tryDoUpdate();
+        if (searchResult == ESearchStatus.LocationChanged) {
+            var interest = {
+                bounds: this.bounds,
+                target: this.target
+            };
+            (_a = this.updatedEvent) === null || _a === void 0 ? void 0 : _a.Trigger(interest);
+        }
+        else if (searchResult == ESearchStatus.LocationMissing) {
+            this.updateQueue();
+        }
+    };
+    CesiumViewMonitor.prototype.queuePosition = function (lag) {
+        var _this = this;
+        if (this.pendingTimeout) {
+            clearTimeout(this.pendingTimeout);
+        }
+        this.pendingTimeout = setTimeout(function () {
+            if (!_this.disposed) {
+                _this.tryEmitUpdate();
+            }
+        }, lag);
+    };
+    CesiumViewMonitor.prototype.updateQueue = function () {
+        this.queuePosition(TIME_LAG);
+    };
+    return CesiumViewMonitor;
+}());
+exports.CesiumViewMonitor = CesiumViewMonitor;
 //# sourceMappingURL=cesium-view-monitor.js.map

package/dist/lib/viewer/viewer-utils.js

@@ -1,86 +1,86 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewerUtils = void 0;
-var Cesium = require("cesium");
-var ViewerUtils;
-(function (ViewerUtils) {
-    /**
-     * Creates a Cesium viewer in a given HTML container and returns it.
-     * This will kill all widgets in the process.
-     * @param container
-     * @returns
-     */
-    function InitViewer(container) {
-        if (container._cViewer) {
-            throw new Error("Container already has a viewer.");
-        }
-        var cViewer = new Cesium.Viewer(container, {
-            imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
-                url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
-                enablePickFeatures: false
-            })
-        });
-        cViewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
-        cViewer.camera.percentageChanged = 0.05;
-        ViewerUtils.DestroyWidget(cViewer.timeline);
-        ViewerUtils.DestroyWidget(cViewer.vrButton);
-        ViewerUtils.DestroyWidget(cViewer.sceneModePicker);
-        ViewerUtils.DestroyWidget(cViewer.homeButton);
-        ViewerUtils.DestroyWidget(cViewer.fullscreenButton);
-        ViewerUtils.DestroyWidget(cViewer.baseLayerPicker);
-        ViewerUtils.StyleContainer(cViewer);
-        container._cViewer = cViewer;
-        return cViewer;
-    }
-    ViewerUtils.InitViewer = InitViewer;
-    function GetViewerFromContainer(container) {
-        return container._cViewer;
-    }
-    ViewerUtils.GetViewerFromContainer = GetViewerFromContainer;
-    function DestroyWidget(widget) {
-        if (widget && !widget.isDestroyed()) {
-            widget.destroy();
-        }
-    }
-    ViewerUtils.DestroyWidget = DestroyWidget;
-    /**
-     * Hides all unnecessary elements from the Cesium viewer container.
-     * @param viewer
-     */
-    function StyleContainer(viewer) {
-        var _a;
-        var container = viewer.container;
-        var genContainer = (_a = container.getElementsByClassName("cesium-viewer")) === null || _a === void 0 ? void 0 : _a[0];
-        if (genContainer) {
-            var children = genContainer.children;
-            for (var i = 0; i < children.length; i++) {
-                var child = children[i];
-                if (!child.classList.contains("cesium-viewer-cesiumWidgetContainer")) {
-                    child.style.display = "none";
-                }
-            }
-        }
-        var canvas = viewer.canvas;
-        canvas.style.width = "100%";
-        canvas.style.height = "100%";
-        var widget = canvas.parentElement;
-        widget.style.width = "100%";
-        widget.style.height = "100%";
-        widget.style.touchAction = "none";
-        var widgetContainer = widget.parentElement;
-        widgetContainer.style.width = "100%";
-        widgetContainer.style.height = "100%";
-        var viewerContainer = widgetContainer.parentElement;
-        viewerContainer.style.fontFamily = "sans-serif";
-        viewerContainer.style.fontSize = "16px";
-        viewerContainer.style.overflow = "hidden";
-        viewerContainer.style.display = "block";
-        viewerContainer.style.position = "relative";
-        viewerContainer.style.top = "0";
-        viewerContainer.style.left = "0";
-        viewerContainer.style.width = "100%";
-        viewerContainer.style.height = "100%";
-    }
-    ViewerUtils.StyleContainer = StyleContainer;
-})(ViewerUtils = exports.ViewerUtils || (exports.ViewerUtils = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewerUtils = void 0;
+var Cesium = require("cesium");
+var ViewerUtils;
+(function (ViewerUtils) {
+    /**
+     * Creates a Cesium viewer in a given HTML container and returns it.
+     * This will kill all widgets in the process.
+     * @param container
+     * @returns
+     */
+    function InitViewer(container) {
+        if (container._cViewer) {
+            throw new Error("Container already has a viewer.");
+        }
+        var cViewer = new Cesium.Viewer(container, {
+            imageryProvider: new Cesium.ArcGisMapServerImageryProvider({
+                url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+                enablePickFeatures: false
+            })
+        });
+        cViewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
+        cViewer.camera.percentageChanged = 0.05;
+        ViewerUtils.DestroyWidget(cViewer.timeline);
+        ViewerUtils.DestroyWidget(cViewer.vrButton);
+        ViewerUtils.DestroyWidget(cViewer.sceneModePicker);
+        ViewerUtils.DestroyWidget(cViewer.homeButton);
+        ViewerUtils.DestroyWidget(cViewer.fullscreenButton);
+        ViewerUtils.DestroyWidget(cViewer.baseLayerPicker);
+        ViewerUtils.StyleContainer(cViewer);
+        container._cViewer = cViewer;
+        return cViewer;
+    }
+    ViewerUtils.InitViewer = InitViewer;
+    function GetViewerFromContainer(container) {
+        return container._cViewer;
+    }
+    ViewerUtils.GetViewerFromContainer = GetViewerFromContainer;
+    function DestroyWidget(widget) {
+        if (widget && !widget.isDestroyed()) {
+            widget.destroy();
+        }
+    }
+    ViewerUtils.DestroyWidget = DestroyWidget;
+    /**
+     * Hides all unnecessary elements from the Cesium viewer container.
+     * @param viewer
+     */
+    function StyleContainer(viewer) {
+        var _a;
+        var container = viewer.container;
+        var genContainer = (_a = container.getElementsByClassName("cesium-viewer")) === null || _a === void 0 ? void 0 : _a[0];
+        if (genContainer) {
+            var children = genContainer.children;
+            for (var i = 0; i < children.length; i++) {
+                var child = children[i];
+                if (!child.classList.contains("cesium-viewer-cesiumWidgetContainer")) {
+                    child.style.display = "none";
+                }
+            }
+        }
+        var canvas = viewer.canvas;
+        canvas.style.width = "100%";
+        canvas.style.height = "100%";
+        var widget = canvas.parentElement;
+        widget.style.width = "100%";
+        widget.style.height = "100%";
+        widget.style.touchAction = "none";
+        var widgetContainer = widget.parentElement;
+        widgetContainer.style.width = "100%";
+        widgetContainer.style.height = "100%";
+        var viewerContainer = widgetContainer.parentElement;
+        viewerContainer.style.fontFamily = "sans-serif";
+        viewerContainer.style.fontSize = "16px";
+        viewerContainer.style.overflow = "hidden";
+        viewerContainer.style.display = "block";
+        viewerContainer.style.position = "relative";
+        viewerContainer.style.top = "0";
+        viewerContainer.style.left = "0";
+        viewerContainer.style.width = "100%";
+        viewerContainer.style.height = "100%";
+    }
+    ViewerUtils.StyleContainer = StyleContainer;
+})(ViewerUtils = exports.ViewerUtils || (exports.ViewerUtils = {}));
 //# sourceMappingURL=viewer-utils.js.map

package/dist/types/rendering/tile-render-engine.d.ts

@@ -36,8 +36,7 @@ export declare namespace TileRenderEngine {
             interface IParams {
                 apiGetter: BruceApi.IGetter;
                 viewer: Cesium.Viewer;
-                sources: ProjectViewTile.IViewImagery[];
-                enabled: ProjectViewTile.IBookmarkImagery[];
+                tiles: ProjectViewTile.IBookmarkImagery[];
             }
             function GetOrCreateLayer(viewer: Cesium.Viewer, apiGetter: BruceApi.IGetter, meta: ProjectViewTile.ITileMeta): Promise<Cesium.ImageryLayer>;
             function Render(params: IParams): Promise<void>;
@@ -69,8 +68,7 @@ export declare namespace TileRenderEngine {
             interface IParams {
                 apiGetter: BruceApi.IGetter;
                 viewer: Cesium.Viewer;
-                source: ProjectViewTile.IViewTerrain;
-                enabled: ProjectViewTile.IBookmarkTerrain;
+                tile: ProjectViewTile.IBookmarkTerrain;
             }
             function Render(params: IParams): Promise<void>;
         }