bruce-cesium 0.2.9 → 0.3.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, BatchedDataGetter, ObjectUtils, Tileset, EntityFilterGetter, MenuItem, ProjectView, ProjectViewBookmark, ProjectViewTileSource, Camera, MathUtils } from 'bruce-models';
-import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Entity, Primitive, Cesium3DTileFeature, Color, HeightReference, Cartesian3, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, OrthographicFrustum, HeadingPitchRange, 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, BatchedDataGetter, ObjectUtils, Tileset, EntityFilterGetter, EntitySource, MenuItem, ProjectView, ProjectViewBookmark, ProjectViewTileSource, Camera, MathUtils } from 'bruce-models';
+import { Color, HeightReference, Cartographic, Cartesian3, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Cartesian2, Math as Math$1, Primitive, Cesium3DTileFeature, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, OrthographicFrustum, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, createWorldTerrain, CesiumTerrainProvider, EllipsoidTerrainProvider, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, Rectangle, Matrix4, Cesium3DTileset, EllipsoidGeodesic } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -2897,6 +2897,286 @@ var SharedGetters;
     SharedGetters.Cache = Cache;
 })(SharedGetters || (SharedGetters = {}));
 
+var MAX_BATCHES = 2;
+var BATCH_SIZE = 30;
+var BATCH_DELAY = 200;
+var MAX_RANGE = 3000;
+var TilesetOsmRenderManager;
+(function (TilesetOsmRenderManager) {
+    var Manager = /** @class */ (function () {
+        function Manager(viewer, visualsManager, apiGetter, monitor, item) {
+            this.disposed = false;
+            this.cTileset = null;
+            this.counter = 0;
+            this._loadedCesiumEntities = {};
+            this.totalLoaded = 0;
+            this.featureQueue = [];
+            this.sourceId = null;
+            this.entityTypeId = null;
+            this.queueCheckInterval = null;
+            this.processingQueue = 0;
+            this.viewer = viewer;
+            this.apiGetter = apiGetter;
+            this.item = item;
+            this.visualsManager = visualsManager;
+            this.monitor = monitor;
+        }
+        Object.defineProperty(Manager.prototype, "Disposed", {
+            get: function () {
+                return this.disposed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Manager.prototype, "count", {
+            get: function () {
+                return ++this.counter;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Manager.prototype.Dispose = function () {
+            if (this.disposed) {
+                return;
+            }
+            clearInterval(this.queueCheckInterval);
+            if (this.cTileset) {
+                this.cTileset.show = false;
+            }
+            this.visualsManager.RemoveByMenuItemId(this.item.id);
+            this.featureQueue = [];
+        };
+        Manager.prototype.Init = function () {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var menuItem;
+                var _this = this;
+                return __generator(this, function (_c) {
+                    menuItem = this.item;
+                    this.sourceId = (_a = menuItem.BruceEntity) === null || _a === void 0 ? void 0 : _a.SourceId;
+                    this.entityTypeId = (_b = menuItem.BruceEntity) === null || _b === void 0 ? void 0 : _b["EntityType.ID"];
+                    this.cTileset = createOsmBuildings();
+                    this.cTileset.show = true;
+                    if (this.sourceId) {
+                        if (menuItem.ghostLoading == true) {
+                            this.cTileset.style = new Cesium3DTileStyle({
+                                color: "rgba(255, 255, 250, 0.98)"
+                            });
+                        }
+                        this.viewer.scene.primitives.add(this.cTileset);
+                        this.cTileset.tileLoad.addEventListener(function (tile) {
+                            _this.mapCTile(tile);
+                        });
+                        this.queueCheckInterval = setInterval(function () {
+                            if (_this.featureQueue.length > 0) {
+                                _this.processQueue();
+                            }
+                        }, 5000);
+                    }
+                    else {
+                        this.viewer.scene.primitives.add(this.cTileset);
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        Manager.prototype.mapCTile = function (tile) {
+            return __awaiter(this, void 0, void 0, function () {
+                var content, i, feature;
+                return __generator(this, function (_a) {
+                    if (this.sourceId) {
+                        content = tile.content;
+                        for (i = 0; i < content.featuresLength; i++) {
+                            feature = content.getFeature(i);
+                            if (feature._counter == null) {
+                                feature._counter = this.count;
+                            }
+                            if (feature._orgColor == null) {
+                                feature._orgColor = feature.color;
+                            }
+                            this.featureQueue.push(feature);
+                        }
+                        this.processQueue();
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        Manager.prototype.processQueue = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var batch, rerun, e_1;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this.processingQueue >= MAX_BATCHES) {
+                                return [2 /*return*/];
+                            }
+                            else if (this.Disposed) {
+                                return [2 /*return*/];
+                            }
+                            this.processingQueue += 1;
+                            batch = [];
+                            rerun = false;
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 4, 5, 6]);
+                            batch = this.getVisualsForBatch();
+                            if (!(batch.length > 0)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.mapTileBatch(batch)];
+                        case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3:
+                            if (this.totalLoaded > 8000) {
+                                rerun = this.removeFarAwayBatch();
+                            }
+                            else {
+                                rerun = this.featureQueue.length > 0 && batch.length > 0;
+                            }
+                            return [3 /*break*/, 6];
+                        case 4:
+                            e_1 = _a.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 6];
+                        case 5:
+                            setTimeout(function () {
+                                _this.processingQueue -= 1;
+                                if (rerun) {
+                                    _this.processQueue();
+                                }
+                            }, BATCH_DELAY);
+                            return [7 /*endfinally*/];
+                        case 6: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Manager.prototype.getVisualsForBatch = function () {
+            var batch = [];
+            var features = this.featureQueue;
+            var bounds = this.monitor.GetBounds();
+            var rect = (bounds === null || bounds === void 0 ? void 0 : bounds.east) ? new Rectangle(Math$1.toRadians(bounds.west), Math$1.toRadians(bounds.south), Math$1.toRadians(bounds.east), Math$1.toRadians(bounds.north)) : null;
+            if (rect) {
+                for (var i = 0; i < features.length; i++) {
+                    var feature = features[i];
+                    if (feature) {
+                        var featureLon = feature.getProperty("cesium#longitude");
+                        var featureLat = feature.getProperty("cesium#latitude");
+                        if (featureLon && featureLat) {
+                            var carto = Cartographic.fromDegrees(featureLon, featureLat, 0);
+                            var isIn = Rectangle.contains(rect, carto);
+                            if (isIn) {
+                                var isClose = this.getIsVisualWithinRange(feature, MAX_RANGE);
+                                if (isClose) {
+                                    batch.push(feature);
+                                    if (batch.length >= BATCH_SIZE) {
+                                        return batch;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            return batch;
+        };
+        Manager.prototype.getIsVisualWithinRange = function (visual, range) {
+            var featureLon = visual.getProperty("cesium#longitude");
+            var featureLat = visual.getProperty("cesium#latitude");
+            if (featureLon && featureLat) {
+                var pos = Cartesian3.fromDegrees(featureLon, featureLat, 0);
+                var camPoint = this.monitor.GetTarget();
+                var camPos = (camPoint === null || camPoint === void 0 ? void 0 : camPoint.latitude) ? Cartesian3.fromDegrees(camPoint.longitude, camPoint.latitude, camPoint.altitude) : null;
+                if (camPos && Cartes.ValidateCartes3(camPos) && Cartes.ValidateCartes3(pos)) {
+                    var distance = Cartesian3.distance(pos, camPos);
+                    if (distance != null && distance <= range) {
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
+        Manager.prototype.mapTileBatch = function (features) {
+            return __awaiter(this, void 0, void 0, function () {
+                var featureIds, featureMap, _loop_1, this_1, i, api, bIds, i, id, bId, feature, rego;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            featureIds = [];
+                            featureMap = [];
+                            _loop_1 = function (i) {
+                                var feature = features[i];
+                                var featureId = feature.getProperty("elementId");
+                                if (featureId) {
+                                    featureMap.push(feature);
+                                    featureIds.push(featureId + "");
+                                }
+                                var index = this_1.featureQueue.findIndex(function (x) { return x._counter == feature._counter; });
+                                if (index > -1) {
+                                    this_1.featureQueue.splice(index, 1);
+                                }
+                            };
+                            this_1 = this;
+                            for (i = 0; i < features.length; i++) {
+                                _loop_1(i);
+                            }
+                            api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
+                            return [4 /*yield*/, EntitySource.GetEntityIdsBySourceKeys(api, this.sourceId, featureIds)];
+                        case 1:
+                            bIds = _a.sent();
+                            for (i = 0; i < featureIds.length; i++) {
+                                id = featureIds[i];
+                                bId = bIds[id];
+                                if (!bId) {
+                                    bId = ObjectUtils.UId();
+                                }
+                                feature = featureMap[i];
+                                if (this.item.ghostLoading == true) {
+                                    feature.color = feature._orgColor;
+                                }
+                                rego = {
+                                    entityId: bId,
+                                    menuItemId: this.item.id,
+                                    priority: 0,
+                                    visual: feature,
+                                    entityTypeId: this.entityTypeId,
+                                    sourceId: this.sourceId
+                                };
+                                this.visualsManager.Add(rego);
+                                this._loadedCesiumEntities[bId] = rego;
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Manager.prototype.removeFarAwayBatch = function () {
+            var removed = 0;
+            var keys = Object.keys(this._loadedCesiumEntities);
+            for (var i = 0; i < keys.length; i++) {
+                var key = keys[i];
+                var rego = this._loadedCesiumEntities[key];
+                if (rego) {
+                    if (!this.getIsVisualWithinRange(rego.visual, MAX_RANGE)) {
+                        this.visualsManager.Remove(rego.entityId, this.item.id);
+                        this._loadedCesiumEntities[key] = null;
+                        delete this._loadedCesiumEntities[key];
+                        this.totalLoaded -= 1;
+                        removed += 1;
+                        if (removed >= BATCH_SIZE) {
+                            return true;
+                        }
+                    }
+                }
+            }
+            return removed > 0;
+        };
+        return Manager;
+    }());
+    TilesetOsmRenderManager.Manager = Manager;
+})(TilesetOsmRenderManager || (TilesetOsmRenderManager = {}));
+
 /**
  * Utility to keep track of enabled menu items within a Cesium viewer.
  */
@@ -2978,6 +3258,7 @@ var MenuItemManager;
                                     rItem.renderManager = new TilesetCadRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                     break;
                                 case MenuItem.EType.Osm:
+                                    rItem.renderManager = new TilesetOsmRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, this.sharedMonitor, params.item);
                                     // TODO;
                                     break;
                                 case MenuItem.EType.PointCloud:
@@ -3616,6 +3897,7 @@ var TileRenderEngine;
             }
             return layer;
         }
+        Map.RenderLegacy = RenderLegacy;
         function RenderLegacyView(params) {
             var _a, _b, _c, _d, _e;
             return __awaiter(this, void 0, void 0, function () {
@@ -3636,7 +3918,7 @@ var TileRenderEngine;
                         case 3:
                             data = [];
                             dataNames = [];
-                            if ((_a = bookmark.Settings) === null || _a === void 0 ? void 0 : _a.imagery) {
+                            if ((_a = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _a === void 0 ? void 0 : _a.imagery) {
                                 for (i = 0; i < bookmark.Settings.imagery.length; i++) {
                                     source = bookmark.Settings.imagery[i];
                                     dataNames.push(source.title);
@@ -3773,54 +4055,85 @@ var TileRenderEngine;
             }
         }
         Terrain.RenderLegacy = RenderLegacy;
+        function RenderLegacyView(params) {
+            var _a, _b, _c, _d, _e;
+            return __awaiter(this, void 0, void 0, function () {
+                var api, view, bookmark, terrainTiles, terrainTile, terrainTileName, i, tile;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
+                            return [4 /*yield*/, ProjectView.Get(api, params.viewId)];
+                        case 1:
+                            view = _f.sent();
+                            bookmark = null;
+                            if (!params.bookmarkId) return [3 /*break*/, 3];
+                            return [4 /*yield*/, ProjectViewBookmark.Get(api, params.viewId, params.bookmarkId)];
+                        case 2:
+                            bookmark = _f.sent();
+                            _f.label = 3;
+                        case 3:
+                            terrainTiles = (_b = (_a = view.Settings) === null || _a === void 0 ? void 0 : _a.CesiumTerrainSources) !== null && _b !== void 0 ? _b : [];
+                            terrainTile = null;
+                            terrainTileName = null;
+                            if ((_c = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _c === void 0 ? void 0 : _c.terrain) {
+                                terrainTileName = bookmark.Settings.terrain;
+                            }
+                            else {
+                                terrainTileName = (_d = view.Settings) === null || _d === void 0 ? void 0 : _d.DefaultTerrain;
+                            }
+                            return [4 /*yield*/, ProjectViewTileSource.MergeTerrainTemplateData(params.apiGetter, terrainTiles, ((_e = view.Settings) === null || _e === void 0 ? void 0 : _e.CesiumTerrainSources) == null)];
+                        case 4:
+                            _f.sent();
+                            for (i = 0; i < terrainTiles.length; i++) {
+                                tile = terrainTiles[i];
+                                if (TileRenderEngine.CompareLegacyNames(tile.Name, terrainTileName)) {
+                                    terrainTile = tile;
+                                    break;
+                                }
+                            }
+                            if (terrainTile) {
+                                TileRenderEngine.Terrain.RenderLegacy({
+                                    data: terrainTile,
+                                    viewer: params.viewer,
+                                });
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        }
+        Terrain.RenderLegacyView = RenderLegacyView;
     })(Terrain = TileRenderEngine.Terrain || (TileRenderEngine.Terrain = {}));
 })(TileRenderEngine || (TileRenderEngine = {}));
 
 var ViewRenderEngine;
 (function (ViewRenderEngine) {
     function Render(params) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e;
         return __awaiter(this, void 0, void 0, function () {
-            var api, view, bookmark, terrainTiles, terrainTile, terrainTileName, i, tile, frustum, scene, curFrustum, camera, pos, go, enabledItems, newItemIds, _i, enabledItems_1, id;
-            return __generator(this, function (_l) {
-                switch (_l.label) {
+            var api, view, bookmark, frustum, scene, curFrustum, camera, pos, go, enabledItems, newItemIds, _i, enabledItems_1, id;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0:
                         api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
                         return [4 /*yield*/, ProjectView.Get(api, params.viewId)];
                     case 1:
-                        view = _l.sent();
+                        view = _f.sent();
                         bookmark = null;
                         if (!params.bookmarkId) return [3 /*break*/, 3];
                         return [4 /*yield*/, ProjectViewBookmark.Get(api, params.viewId, params.bookmarkId)];
                     case 2:
-                        bookmark = _l.sent();
-                        _l.label = 3;
-                    case 3:
-                        terrainTiles = (_b = (_a = view.Settings) === null || _a === void 0 ? void 0 : _a.CesiumTerrainSources) !== null && _b !== void 0 ? _b : [];
-                        terrainTile = null;
-                        terrainTileName = null;
-                        if ((_c = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _c === void 0 ? void 0 : _c.terrain) {
-                            terrainTileName = bookmark.Settings.terrain;
-                        }
-                        else {
-                            terrainTileName = (_d = view.Settings) === null || _d === void 0 ? void 0 : _d.DefaultTerrain;
-                        }
-                        return [4 /*yield*/, ProjectViewTileSource.MergeTerrainTemplateData(params.apiGetter, terrainTiles, ((_e = view.Settings) === null || _e === void 0 ? void 0 : _e.CesiumTerrainSources) == null)];
+                        bookmark = _f.sent();
+                        _f.label = 3;
+                    case 3: return [4 /*yield*/, TileRenderEngine.Terrain.RenderLegacyView({
+                            apiGetter: params.apiGetter,
+                            bookmarkId: params.bookmarkId,
+                            viewer: params.manager.Viewer,
+                            viewId: params.viewId,
+                        })];
                     case 4:
-                        _l.sent();
-                        for (i = 0; i < terrainTiles.length; i++) {
-                            tile = terrainTiles[i];
-                            if (TileRenderEngine.CompareLegacyNames(tile.Name, terrainTileName)) {
-                                terrainTile = tile;
-                                break;
-                            }
-                        }
-                        if (terrainTile) {
-                            TileRenderEngine.Terrain.RenderLegacy({
-                                data: terrainTile,
-                                viewer: params.manager.Viewer,
-                            });
-                        }
+                        _f.sent();
                         return [4 /*yield*/, TileRenderEngine.Map.RenderLegacyView({
                                 apiGetter: params.apiGetter,
                                 bookmarkId: params.bookmarkId,
@@ -3829,8 +4142,8 @@ var ViewRenderEngine;
                                 ignoreIds: []
                             })];
                     case 5:
-                        _l.sent();
-                        frustum = (_f = bookmark.Settings) === null || _f === void 0 ? void 0 : _f.cameraFrustum;
+                        _f.sent();
+                        frustum = (_a = bookmark.Settings) === null || _a === void 0 ? void 0 : _a.cameraFrustum;
                         if (frustum == null) {
                             frustum = Camera.EFrustum.Perspective;
                         }
@@ -3858,16 +4171,16 @@ var ViewRenderEngine;
                             },
                             duration: params.skipTransition ? 0 : 2
                         });
-                        go = (_g = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _g === void 0 ? void 0 : _g.groundOcclusion;
+                        go = (_b = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _b === void 0 ? void 0 : _b.groundOcclusion;
                         if (go == null) {
-                            go = (_h = view.Settings) === null || _h === void 0 ? void 0 : _h.GroundOcclusion;
+                            go = (_c = view.Settings) === null || _c === void 0 ? void 0 : _c.GroundOcclusion;
                         }
                         if (go == null) {
                             go = false;
                         }
                         params.manager.Viewer.scene.globe.depthTestAgainstTerrain = go;
                         enabledItems = params.manager.GetEnabledItemIds();
-                        newItemIds = (_k = (_j = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _j === void 0 ? void 0 : _j.selectedItemIds) !== null && _k !== void 0 ? _k : [];
+                        newItemIds = (_e = (_d = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _d === void 0 ? void 0 : _d.selectedItemIds) !== null && _e !== void 0 ? _e : [];
                         for (_i = 0, enabledItems_1 = enabledItems; _i < enabledItems_1.length; _i++) {
                             id = enabledItems_1[_i];
                             if (newItemIds.indexOf(id) === -1) {
@@ -3880,8 +4193,8 @@ var ViewRenderEngine;
                                 manager: params.manager,
                             }, params.viewId, params.bookmarkId)];
                     case 6:
-                        _l.sent();
-                        _l.label = 7;
+                        _f.sent();
+                        _f.label = 7;
                     case 7: return [2 /*return*/];
                 }
             });