bruce-cesium 0.1.3 → 0.1.6

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 } from 'bruce-models';
-import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Entity, Primitive, Cesium3DTileFeature, Color, HeightReference, Cartesian3, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, HeadingPitchRange, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, OpenStreetMapImageryProvider, 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 } from 'bruce-models';
+import { Cartesian2, Cartographic, Math as Math$1, Viewer, ArcGisMapServerImageryProvider, ScreenSpaceEventType, Color, HeightReference, Cartesian3, Entity, 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';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -696,7 +696,7 @@ var EntityRenderEngine;
                 switch (_a.label) {
                     case 0:
                         groupRenderParams = {
-                            api: params.api,
+                            apiGetter: params.apiGetter,
                             viewer: params.viewer,
                             entities: [],
                             zoomItems: {},
@@ -854,10 +854,11 @@ var EntityRenderEngine;
         function RenderGroup(params) {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, i, entity, zoomItem, style, tagIds, tags, pStyle, cEntity;
+                var api, cEntities, i, entity, zoomItem, style, tagIds, tags, pStyle, cEntity;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
                             cEntities = {};
                             i = 0;
                             _c.label = 1;
@@ -865,13 +866,13 @@ var EntityRenderEngine;
                             if (!(i < params.entities.length)) return [3 /*break*/, 6];
                             entity = params.entities[i];
                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                            return [4 /*yield*/, getStyle(params.api, entity, zoomItem.StyleID)];
+                            return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
                         case 2:
                             style = _c.sent();
                             tagIds = entity.Bruce["Layer.ID"];
                             tags = [];
                             if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, EntityTag.GetListByIds(params.api, tagIds)];
+                            return [4 /*yield*/, EntityTag.GetListByIds(api, tagIds)];
                         case 3:
                             tags = _c.sent();
                             _c.label = 4;
@@ -963,10 +964,11 @@ var EntityRenderEngine;
         function RenderGroup(params) {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, i, entity, zoomItem, style, tagIds, tags, lStyle, cEntity;
+                var api, cEntities, i, entity, zoomItem, style, tagIds, tags, lStyle, cEntity;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
                             cEntities = {};
                             i = 0;
                             _c.label = 1;
@@ -974,13 +976,13 @@ var EntityRenderEngine;
                             if (!(i < params.entities.length)) return [3 /*break*/, 6];
                             entity = params.entities[i];
                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                            return [4 /*yield*/, getStyle(params.api, entity, zoomItem.StyleID)];
+                            return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
                         case 2:
                             style = _c.sent();
                             tagIds = entity.Bruce["Layer.ID"];
                             tags = [];
                             if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, EntityTag.GetListByIds(params.api, tagIds)];
+                            return [4 /*yield*/, EntityTag.GetListByIds(api, tagIds)];
                         case 3:
                             tags = _c.sent();
                             _c.label = 4;
@@ -1081,10 +1083,11 @@ var EntityRenderEngine;
         function RenderGroup(params) {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, i, entity, zoomItem, style, tagIds, tags, pStyle, cEntity;
+                var api, cEntities, i, entity, zoomItem, style, tagIds, tags, pStyle, cEntity;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
+                            api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
                             cEntities = {};
                             i = 0;
                             _c.label = 1;
@@ -1092,13 +1095,13 @@ var EntityRenderEngine;
                             if (!(i < params.entities.length)) return [3 /*break*/, 6];
                             entity = params.entities[i];
                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                            return [4 /*yield*/, getStyle(params.api, entity, zoomItem.StyleID)];
+                            return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
                         case 2:
                             style = _c.sent();
                             tagIds = entity.Bruce["Layer.ID"];
                             tags = [];
                             if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, EntityTag.GetListByIds(params.api, tagIds)];
+                            return [4 /*yield*/, EntityTag.GetListByIds(api, tagIds)];
                         case 3:
                             tags = _c.sent();
                             _c.label = 4;
@@ -1193,10 +1196,11 @@ var EntityRenderEngine;
         function RenderGroup(params) {
             var _a, _b, _c, _d;
             return __awaiter(this, void 0, void 0, function () {
-                var cEntities, reqBody, i, entity, zoomItem, style, tagIds, tags, mStyle, group, level, catId, lodData, _loop_1, i;
+                var api, cEntities, reqBody, i, entity, zoomItem, style, tagIds, tags, mStyle, group, level, catId, lodData, _loop_1, i;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
+                            api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
                             cEntities = {};
                             reqBody = {
                                 "strict": false,
@@ -1209,13 +1213,13 @@ var EntityRenderEngine;
                             if (!(i < params.entities.length)) return [3 /*break*/, 6];
                             entity = params.entities[i];
                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                            return [4 /*yield*/, getStyle(params.api, entity, zoomItem.StyleID)];
+                            return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
                         case 2:
                             style = _e.sent();
                             tagIds = entity.Bruce["Layer.ID"];
                             tags = [];
                             if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 4];
-                            return [4 /*yield*/, EntityTag.GetListByIds(params.api, tagIds)];
+                            return [4 /*yield*/, EntityTag.GetListByIds(api, tagIds)];
                         case 3:
                             tags = _e.sent();
                             _e.label = 4;
@@ -1243,7 +1247,7 @@ var EntityRenderEngine;
                         case 5:
                             i++;
                             return [3 /*break*/, 1];
-                        case 6: return [4 /*yield*/, EntityLod.GetLods(params.api, reqBody)];
+                        case 6: return [4 /*yield*/, EntityLod.GetLods(api, reqBody)];
                         case 7:
                             lodData = _e.sent();
                             _loop_1 = function (i) {
@@ -1253,13 +1257,13 @@ var EntityRenderEngine;
                                         case 0:
                                             entity = params.entities[i];
                                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                                            return [4 /*yield*/, getStyle(params.api, entity, zoomItem.StyleID)];
+                                            return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
                                         case 1:
                                             style = _a.sent();
                                             tagIds = entity.Bruce["Layer.ID"];
                                             tags = [];
                                             if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 3];
-                                            return [4 /*yield*/, EntityTag.GetListByIds(params.api, tagIds)];
+                                            return [4 /*yield*/, EntityTag.GetListByIds(api, tagIds)];
                                         case 2:
                                             tags = _a.sent();
                                             _a.label = 3;
@@ -1274,7 +1278,7 @@ var EntityRenderEngine;
                                                 style: mStyle,
                                                 tags: tags,
                                                 viewer: params.viewer,
-                                                lodUrl: ClientFile.GetUrl(params.api, lod.clientFileId)
+                                                lodUrl: ClientFile.GetUrl(api, lod.clientFileId)
                                             });
                                             if (cEntity) {
                                                 cEntity._renderGroup = getRenderGroupId(zoomItem);
@@ -1311,7 +1315,7 @@ var EntityRenderEngine;
 var EntitiesRenderManager;
 (function (EntitiesRenderManager) {
     var Manager = /** @class */ (function () {
-        function Manager(viewer, visualsManager, api, item) {
+        function Manager(viewer, visualsManager, apiGetter, item) {
             this.getter = null;
             this.getterSub = null;
             this.disposed = false;
@@ -1321,7 +1325,7 @@ var EntitiesRenderManager;
             this.isRunningCheck = false;
             this.viewMonitorRemoval = null;
             this.viewer = viewer;
-            this.api = api;
+            this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
         }
@@ -1334,12 +1338,14 @@ var EntitiesRenderManager;
         });
         Manager.prototype.Init = function () {
             return __awaiter(this, void 0, void 0, function () {
+                var api;
                 var _this = this;
                 return __generator(this, function (_a) {
                     if (this.disposed) {
                         throw (new Error("This item is disposed."));
                     }
-                    this.getter = new EntityFilterGetter.Getter(this.api, new CesiumViewMonitor(this.viewer), this.item.BruceEntity["EntityType.ID"], 500, {});
+                    api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
+                    this.getter = new EntityFilterGetter.Getter(api, new CesiumViewMonitor(this.viewer), this.item.BruceEntity["EntityType.ID"], 500, {});
                     this.getter.IncludeMenuItem(this.item.id, [], 0, 100000);
                     this.getterSub = this.getter.OnUpdate.Subscribe(function (entities) {
                         _this.onGetterUpdate(entities);
@@ -1368,7 +1374,7 @@ var EntitiesRenderManager;
         };
         Manager.prototype.doEntityCheck = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var ids_1, CHECK_BATCH_SIZE_1, checkBatch, e_1;
+                var api, ids_1, CHECK_BATCH_SIZE_1, checkBatch, e_1;
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
@@ -1378,6 +1384,7 @@ var EntitiesRenderManager;
                                 return [2 /*return*/];
                             }
                             this.isRunningCheck = true;
+                            api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
                             _a.label = 1;
                         case 1:
                             _a.trys.push([1, 5, , 6]);
@@ -1393,7 +1400,7 @@ var EntitiesRenderManager;
                                     switch (_a.label) {
                                         case 0:
                                             entityIds = ids_1.splice(0, CHECK_BATCH_SIZE_1);
-                                            return [4 /*yield*/, Entity$1.GetListByIds(this.api, entityIds)];
+                                            return [4 /*yield*/, Entity$1.GetListByIds(api, entityIds)];
                                         case 1:
                                             entities = _a.sent();
                                             if (this.disposed) {
@@ -1442,7 +1449,7 @@ var EntitiesRenderManager;
                             }
                             return [4 /*yield*/, EntityRenderEngine.Render({
                                     viewer: this.viewer,
-                                    api: this.api,
+                                    apiGetter: this.apiGetter,
                                     entities: entities,
                                     menuItemId: this.item.id,
                                     visualRegister: this.visualsManager,
@@ -1487,13 +1494,13 @@ var EntitiesRenderManager;
 var EntitiesLoadedRenderManager;
 (function (EntitiesLoadedRenderManager) {
     var Manager = /** @class */ (function () {
-        function Manager(viewer, visualsManager, api, item) {
+        function Manager(viewer, visualsManager, apiGetter, item) {
             this.getter = null;
             this.getterSub = null;
             this.disposed = false;
             this.renderedEntities = {};
             this.viewer = viewer;
-            this.api = api;
+            this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
         }
@@ -1541,7 +1548,7 @@ var EntitiesLoadedRenderManager;
                             }
                             return [4 /*yield*/, EntityRenderEngine.Render({
                                     viewer: this.viewer,
-                                    api: this.api,
+                                    apiGetter: this.apiGetter,
                                     entities: entities,
                                     menuItemId: this.item.id,
                                     visualRegister: this.visualsManager,
@@ -1920,13 +1927,13 @@ var VisualsRegister;
 var EntitiesIdsRenderManager;
 (function (EntitiesIdsRenderManager) {
     var Manager = /** @class */ (function () {
-        function Manager(viewer, visualsManager, api, item) {
+        function Manager(viewer, visualsManager, apiGetter, item) {
             this.getter = null;
             this.getterSub = null;
             this.disposed = false;
             this.renderedEntities = {};
             this.viewer = viewer;
-            this.api = api;
+            this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
         }
@@ -1965,19 +1972,20 @@ var EntitiesIdsRenderManager;
         Manager.prototype.onGetterUpdate = function (entityIds) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var entities, cEntities, i, id, cEntity, visual;
+                var api, entities, cEntities, i, id, cEntity, visual;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
                             if (this.disposed) {
                                 return [2 /*return*/];
                             }
-                            return [4 /*yield*/, Entity$1.GetListByIds(this.api, entityIds)];
+                            api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
+                            return [4 /*yield*/, Entity$1.GetListByIds(api, entityIds)];
                         case 1:
                             entities = _b.sent();
                             return [4 /*yield*/, EntityRenderEngine.Render({
                                     viewer: this.viewer,
-                                    api: this.api,
+                                    apiGetter: this.apiGetter,
                                     entities: entities,
                                     menuItemId: this.item.id,
                                     visualRegister: this.visualsManager,
@@ -2020,12 +2028,12 @@ var EntitiesIdsRenderManager;
 var EntityRenderManager;
 (function (EntityRenderManager) {
     var Manager = /** @class */ (function () {
-        function Manager(viewer, visualsManager, api, item) {
+        function Manager(viewer, visualsManager, apiGetter, item) {
             this.getter = null;
             this.getterSub = null;
             this.disposed = false;
             this.viewer = viewer;
-            this.api = api;
+            this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
         }
@@ -2064,19 +2072,20 @@ var EntityRenderManager;
         Manager.prototype.onGetterUpdate = function (id) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var entity, cEntities, cEntity, visual;
+                var api, entity, cEntities, cEntity, visual;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
                             if (this.disposed) {
                                 return [2 /*return*/];
                             }
-                            return [4 /*yield*/, Entity$1.Get(this.api, id)];
+                            api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
+                            return [4 /*yield*/, Entity$1.Get(api, id)];
                         case 1:
                             entity = _b.sent();
                             return [4 /*yield*/, EntityRenderEngine.Render({
                                     viewer: this.viewer,
-                                    api: this.api,
+                                    apiGetter: this.apiGetter,
                                     entities: [entity],
                                     menuItemId: this.item.id,
                                     visualRegister: this.visualsManager,
@@ -2150,9 +2159,10 @@ var TilesetRenderEngine;
     }
     TilesetRenderEngine.ApplySettings = ApplySettings;
     function Render(params) {
+        var api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
         if (params.tileset.type == Tileset.EType.Cad) {
             var cTileset_1 = new Cesium3DTileset({
-                url: Tileset.GetPublicFileUrl(params.api, params.tileset.id, "tileset.json") + "?generation=" + params.tileset.generateVersion
+                url: Tileset.GetPublicFileUrl(api, params.tileset.id, "tileset.json") + "?generation=" + params.tileset.generateVersion
             });
             params.viewer.scene.primitives.add(cTileset_1);
             cTileset_1.readyPromise.then(function () {
@@ -2547,12 +2557,12 @@ var TilesetRenderEngine;
 var TilesetCadRenderManager;
 (function (TilesetCadRenderManager) {
     var Manager = /** @class */ (function () {
-        function Manager(viewer, visualsManager, api, item) {
+        function Manager(viewer, visualsManager, apiGetter, item) {
             this.disposed = false;
             this.cTileset = null;
             this.styler = null;
             this.viewer = viewer;
-            this.api = api;
+            this.apiGetter = apiGetter;
             this.item = item;
             this.visualsManager = visualsManager;
         }
@@ -2566,7 +2576,7 @@ var TilesetCadRenderManager;
         Manager.prototype.Init = function () {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var tilesetId, tileset, cTileset;
+                var tilesetId, api, tileset, cTileset;
                 var _this = this;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
@@ -2575,14 +2585,15 @@ var TilesetCadRenderManager;
                             if (!tilesetId) {
                                 return [2 /*return*/];
                             }
-                            return [4 /*yield*/, Tileset.Get(this.api, tilesetId)];
+                            api = this.apiGetter.getApi(this.apiGetter.accountId, this.apiGetter.env);
+                            return [4 /*yield*/, Tileset.Get(api, tilesetId)];
                         case 1:
                             tileset = _b.sent();
                             if (!tileset) {
                                 return [2 /*return*/];
                             }
                             cTileset = this.cTileset = TilesetRenderEngine.Render({
-                                api: this.api,
+                                apiGetter: this.apiGetter,
                                 tileset: tileset,
                                 viewer: this.viewer
                             });
@@ -2592,7 +2603,7 @@ var TilesetCadRenderManager;
                             cTileset.tileLoad.addEventListener(function (tile) {
                                 _this.mapCTile(tile);
                             });
-                            this.styler = new TilesetRenderEngine.CadStyler(this.api, this.cTileset, this.item.styleId, this.item.StyleMapping);
+                            this.styler = new TilesetRenderEngine.CadStyler(api, this.cTileset, this.item.styleId, this.item.StyleMapping);
                             return [2 /*return*/];
                     }
                 });
@@ -2792,18 +2803,18 @@ var MenuItemManager;
                             };
                             switch (params.item.Type) {
                                 case MenuItem.EType.Entities:
-                                    rItem.renderManager = new EntitiesRenderManager.Manager(this.viewer, this.visualsRegister, params.api, params.item);
+                                    rItem.renderManager = new EntitiesRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                     break;
                                 case MenuItem.EType.EntitiesLoaded:
-                                    rItem.renderManager = new EntitiesLoadedRenderManager.Manager(this.viewer, this.visualsRegister, params.api, params.item);
+                                    rItem.renderManager = new EntitiesLoadedRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                     break;
                                 case MenuItem.EType.EntitiesIds:
-                                    rItem.renderManager = new EntitiesIdsRenderManager.Manager(this.viewer, this.visualsRegister, params.api, params.item);
+                                    rItem.renderManager = new EntitiesIdsRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                     break;
                                 case MenuItem.EType.Entity:
-                                    rItem.renderManager = new EntityRenderManager.Manager(this.viewer, this.visualsRegister, params.api, params.item);
+                                    rItem.renderManager = new EntityRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                 case MenuItem.EType.CadTileset:
-                                    rItem.renderManager = new TilesetCadRenderManager.Manager(this.viewer, this.visualsRegister, params.api, params.item);
+                                    rItem.renderManager = new TilesetCadRenderManager.Manager(this.viewer, this.visualsRegister, params.apiGetter, params.item);
                                     break;
                                 case MenuItem.EType.Osm:
                                     // TODO;
@@ -2945,7 +2956,6 @@ var RenderHelper;
                             ]
                         };
                         return [4 /*yield*/, params.manager.RenderItem({
-                                api: params.api,
                                 apiGetter: params.apiGetter,
                                 item: item
                             })];
@@ -2969,7 +2979,6 @@ var RenderHelper;
                         typeId = typeIds[i];
                         menuItem = MenuItem.CreateFromTypeId(typeId, 0);
                         return [4 /*yield*/, params.manager.RenderItem({
-                                api: params.api,
                                 apiGetter: params.apiGetter,
                                 item: menuItem
                             })];
@@ -3005,7 +3014,6 @@ var RenderHelper;
                             case 0:
                                 if (!enabledItemIds.includes(item.id)) return [3 /*break*/, 2];
                                 return [4 /*yield*/, params.manager.RenderItem({
-                                        api: params.api,
                                         item: item,
                                         apiGetter: params.apiGetter
                                     })];
@@ -3031,13 +3039,15 @@ var RenderHelper;
                     });
                 });
             }
-            var view, bookmark, items, enabledItemIds, renderedItemIds, i;
+            var api, view, bookmark, items, enabledItemIds, renderedItemIds, i;
             return __generator(this, function (_e) {
                 switch (_e.label) {
-                    case 0: return [4 /*yield*/, ProjectView.Get(params.api, viewId)];
+                    case 0:
+                        api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
+                        return [4 /*yield*/, ProjectView.Get(api, viewId)];
                     case 1:
                         view = _e.sent();
-                        return [4 /*yield*/, ProjectViewBookmark.Get(params.api, viewId, bookmarkId)];
+                        return [4 /*yield*/, ProjectViewBookmark.Get(api, viewId, bookmarkId)];
                     case 2:
                         bookmark = _e.sent();
                         items = (_b = (_a = view.Settings) === null || _a === void 0 ? void 0 : _a.LayersMenu) !== null && _b !== void 0 ? _b : [];
@@ -3073,7 +3083,6 @@ var RenderHelper;
                         if (!(i < menuItems.length)) return [3 /*break*/, 4];
                         menuItem = menuItems[i];
                         return [4 /*yield*/, params.manager.RenderItem({
-                                api: params.api,
                                 apiGetter: params.apiGetter,
                                 item: menuItem
                             })];
@@ -3092,10 +3101,12 @@ var RenderHelper;
     RenderHelper.RenderMenuItems = RenderMenuItems;
     function RenderTileset(params, tilesetId) {
         return __awaiter(this, void 0, void 0, function () {
-            var tileset, menuItem;
+            var api, tileset, menuItem;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, Tileset.Get(params.api, tilesetId)];
+                    case 0:
+                        api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
+                        return [4 /*yield*/, Tileset.Get(api, tilesetId)];
                     case 1:
                         tileset = _a.sent();
                         if (!(tileset.type == Tileset.EType.Cad)) return [3 /*break*/, 3];
@@ -3111,7 +3122,6 @@ var RenderHelper;
                             Children: []
                         };
                         return [4 /*yield*/, params.manager.RenderItem({
-                                api: params.api,
                                 item: menuItem,
                                 apiGetter: params.apiGetter
                             })];
@@ -3129,16 +3139,24 @@ function prepLegacyName(name) {
     if (!name) {
         return "";
     }
-    name = name.replace(/" "/g, "");
+    name = name.replace(/\s/g, "");
     name = name.replace(re, "");
     name = name.toLowerCase();
+    if (name === "cwt") {
+        name = "cesiumworldterrain";
+    }
     return name;
 }
+var EDefaultTerrain;
+(function (EDefaultTerrain) {
+    EDefaultTerrain["CesiumWorldTerrain"] = "cesiumworldterrain";
+    EDefaultTerrain["Linz"] = "linz";
+    EDefaultTerrain["FlatTerrain"] = "flatterrain";
+})(EDefaultTerrain || (EDefaultTerrain = {}));
 var DEFAULT_TERRAIN_NAMES = [
-    "cesiumworldterrain",
-    "linz",
-    "flatterrain",
-    "grid"
+    EDefaultTerrain.CesiumWorldTerrain,
+    EDefaultTerrain.Linz,
+    EDefaultTerrain.FlatTerrain
 ];
 function isDefaultTerrain(name) {
     name = prepLegacyName(name);
@@ -3168,20 +3186,36 @@ function createImageryBId(source) {
     }
     return "";
 }
+var EDefaultImagery;
+(function (EDefaultImagery) {
+    EDefaultImagery["BingMapsAerial"] = "bingmapsaerial";
+    EDefaultImagery["BingMapsAerialWithLabels"] = "bingmapsaerialwithlabels";
+    EDefaultImagery["BingMapsRoads"] = "bingmapsroads";
+    EDefaultImagery["MapboxSatellite"] = "mapboxsatellite";
+    EDefaultImagery["MapBoxStreets"] = "mapboxstreets";
+    EDefaultImagery["MapBoxStreetsClassic"] = "mapboxstreetsclassic";
+    EDefaultImagery["EsriWorldImagery"] = "esriworldimagery";
+    EDefaultImagery["EsriWorldStreetMap"] = "esriworldstreetmap";
+    EDefaultImagery["EsriNationalGeographic"] = "esrinationalgeographic";
+    EDefaultImagery["OpenStreetMap"] = "openstreetmap";
+    EDefaultImagery["StamenWaterColor"] = "stamenwatercolor";
+    EDefaultImagery["StamenToner"] = "stamentoner";
+    EDefaultImagery["Grid"] = "grid";
+})(EDefaultImagery || (EDefaultImagery = {}));
 var DEFAULT_IMAGERY_NAMES = [
-    "bingmapsaerial",
-    "bingmapsaerialwithlabels",
-    "bingmapsroads",
-    "mapboxsatellite",
-    "mapboxstreets",
-    "mapboxstreetsclassic",
-    "esriworldimagery",
-    "esriworldstreetmap",
-    "esrinationalgeographic",
-    "openstreetmap",
-    "stamenwatercolor",
-    "stamentoner",
-    "grid"
+    EDefaultImagery.BingMapsAerial,
+    EDefaultImagery.BingMapsAerialWithLabels,
+    EDefaultImagery.BingMapsRoads,
+    EDefaultImagery.MapboxSatellite,
+    EDefaultImagery.MapBoxStreets,
+    EDefaultImagery.MapBoxStreetsClassic,
+    EDefaultImagery.EsriWorldImagery,
+    EDefaultImagery.EsriWorldStreetMap,
+    EDefaultImagery.EsriNationalGeographic,
+    EDefaultImagery.OpenStreetMap,
+    EDefaultImagery.StamenWaterColor,
+    EDefaultImagery.StamenToner,
+    EDefaultImagery.Grid
 ];
 function isDefaultImagery(name) {
     name = prepLegacyName(name);
@@ -3233,7 +3267,7 @@ var TileRenderEngine;
                 // TODO: Rest of defaults.
                 // TODO: Should be enum.
                 switch (prepLegacyName(tile.Name)) {
-                    case "bingmapsaerial":
+                    case EDefaultImagery.BingMapsAerial:
                         // TODO: Read account key if available.
                         provider = new BingMapsImageryProvider({
                             url: "https://dev.virtualearth.net",
@@ -3241,18 +3275,89 @@ var TileRenderEngine;
                             key: DEFAULT_BING_KEY
                         });
                         break;
-                    case "mapboxsatellite":
+                    case EDefaultImagery.BingMapsAerialWithLabels:
+                        // TODO: Read account key if available.
+                        provider = new BingMapsImageryProvider({
+                            url: "https://dev.virtualearth.net",
+                            mapStyle: BingMapsStyle.AERIAL_WITH_LABELS,
+                            key: DEFAULT_BING_KEY
+                        });
+                        break;
+                    case EDefaultImagery.BingMapsRoads:
+                        // TODO: Read account key if available.
+                        provider = new BingMapsImageryProvider({
+                            url: "https://dev.virtualearth.net",
+                            mapStyle: BingMapsStyle.ROAD_ON_DEMAND,
+                            key: DEFAULT_BING_KEY
+                        });
+                        break;
+                    case EDefaultImagery.MapboxSatellite:
                         // TODO: Read account key if available.
                         provider = new MapboxImageryProvider({
                             mapId: "mapbox.satellite",
                             accessToken: DEFAULT_MAPBOX_KEY
                         });
                         break;
-                    case "openstreetmap":
+                    case EDefaultImagery.MapBoxStreets:
+                        // TODO: Read account key if available.
+                        provider = new MapboxImageryProvider({
+                            mapId: "satellite-streets-v11",
+                            accessToken: DEFAULT_MAPBOX_KEY
+                        });
+                        break;
+                    case EDefaultImagery.MapBoxStreetsClassic:
+                        // TODO: Read account key if available.
+                        provider = new MapboxImageryProvider({
+                            mapId: "streets-v11",
+                            accessToken: DEFAULT_MAPBOX_KEY
+                        });
+                        break;
+                    case EDefaultImagery.EsriWorldImagery:
+                        provider = new ArcGisMapServerImageryProvider({
+                            url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
+                            enablePickFeatures: false
+                        });
+                        break;
+                    case EDefaultImagery.EsriWorldStreetMap:
+                        provider = new ArcGisMapServerImageryProvider({
+                            url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",
+                            enablePickFeatures: false
+                        });
+                        break;
+                    case EDefaultImagery.EsriNationalGeographic:
+                        provider = new ArcGisMapServerImageryProvider({
+                            url: "https://services.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/",
+                            enablePickFeatures: false
+                        });
+                        break;
+                    case EDefaultImagery.OpenStreetMap:
                         provider = new OpenStreetMapImageryProvider({
                             url: "https://a.tile.openstreetmap.org/"
                         });
                         break;
+                    case EDefaultImagery.StamenWaterColor:
+                        provider = new OpenStreetMapImageryProvider({
+                            url: "https://stamen-tiles.a.ssl.fastly.net/watercolor/"
+                        });
+                        break;
+                    case EDefaultImagery.StamenToner:
+                        provider = new OpenStreetMapImageryProvider({
+                            url: "https://stamen-tiles.a.ssl.fastly.net/toner/"
+                        });
+                        break;
+                    case EDefaultImagery.Grid:
+                        provider = new GridImageryProvider({
+                            tilingScheme: new GeographicTilingScheme(),
+                            cells: 0,
+                            color: Color.fromCssColorString("rgb(97, 151, 237)"),
+                            glowColor: Color.fromCssColorString("rgb(54, 54, 54)"),
+                            glowWidth: 4,
+                            backgroundColor: Color.TRANSPARENT,
+                            tileWidth: 256,
+                            tileHeight: 256,
+                            canvasSize: 256
+                        });
+                        break;
                 }
                 if (provider) {
                     layer = new ImageryLayer(provider);
@@ -3268,7 +3373,6 @@ var TileRenderEngine;
                 if (max != undefined && max <= -1) {
                     max = undefined;
                 }
-                // TODO: Should be enum.
                 switch (tile.Type) {
                     case "BruceImagery":
                         provider = new UrlTemplateImageryProvider({
@@ -3324,20 +3428,22 @@ var TileRenderEngine;
             return layer;
         }
         function RenderLegacyView(params) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             return __awaiter(this, void 0, void 0, function () {
-                var view, bookmark, data, dataNames, i, source, tiles, i, name_1, j, tile, enabled, layers, _loop_1, i, i, tile, layer, i, layer;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0: return [4 /*yield*/, ProjectView.Get(params.api, params.viewId)];
+                var api, view, bookmark, data, dataNames, i, source, tiles, i, name_1, j, tile, enabled, layers, _loop_1, i, i, tile, layer, i, layer;
+                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 = _e.sent();
+                            view = _f.sent();
                             bookmark = null;
                             if (!params.bookmarkId) return [3 /*break*/, 3];
-                            return [4 /*yield*/, ProjectViewBookmark.Get(params.api, params.viewId, params.bookmarkId)];
+                            return [4 /*yield*/, ProjectViewBookmark.Get(api, params.viewId, params.bookmarkId)];
                         case 2:
-                            bookmark = _e.sent();
-                            _e.label = 3;
+                            bookmark = _f.sent();
+                            _f.label = 3;
                         case 3:
                             data = [];
                             dataNames = [];
@@ -3351,6 +3457,9 @@ var TileRenderEngine;
                                 dataNames.push(view.Settings.DefaultMapTiles);
                             }
                             tiles = (_d = (_c = view.Settings) === null || _c === void 0 ? void 0 : _c.CesiumMapSources) !== null && _d !== void 0 ? _d : [];
+                            return [4 /*yield*/, ProjectViewTileSource.MergeMapTemplateData(params.apiGetter, tiles, ((_e = view.Settings) === null || _e === void 0 ? void 0 : _e.CesiumMapSources) == null)];
+                        case 4:
+                            _f.sent();
                             for (i = 0; i < dataNames.length; i++) {
                                 name_1 = dataNames[i];
                                 for (j = 0; j < tiles.length; j++) {
@@ -3385,7 +3494,7 @@ var TileRenderEngine;
                             for (i = 0; i < tiles.length; i++) {
                                 tile = tiles[i];
                                 layer = RenderLegacy({
-                                    api: params.api,
+                                    apiGetter: params.apiGetter,
                                     viewer: params.viewer,
                                     data: tile,
                                 });
@@ -3444,19 +3553,18 @@ var TileRenderEngine;
             if (isDefaultTerrain(params.data.Name)) {
                 var name_2 = prepLegacyName(params.data.Name);
                 switch (name_2) {
-                    // TODO: Should be enum.
-                    case "cesiumworldterrain":
+                    case EDefaultTerrain.CesiumWorldTerrain:
                         provider = createWorldTerrain({
                             requestVertexNormals: true
                         });
                         break;
-                    case "linz":
+                    case EDefaultTerrain.Linz:
                         provider = new CesiumTerrainProvider({
                             url: "https://s3-ap-southeast-2.amazonaws.com/digitalnewzealand/PROD/Tilesets/nz-dem",
                             requestVertexNormals: true
                         });
                         break;
-                    case "flatterrain":
+                    case EDefaultTerrain.FlatTerrain:
                         provider = new EllipsoidTerrainProvider();
                         break;
                 }
@@ -3480,45 +3588,40 @@ var TileRenderEngine;
 var ViewRenderEngine;
 (function (ViewRenderEngine) {
     function Render(params) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return __awaiter(this, void 0, void 0, function () {
-            var view, bookmark, terrainTile, terrainTileName, i, tile, camera, pos, go, enabledItems, newItemIds, _i, enabledItems_1, id;
-            return __generator(this, function (_h) {
-                switch (_h.label) {
-                    case 0: return [4 /*yield*/, TileRenderEngine.Map.RenderLegacyView({
-                            api: params.api,
-                            bookmarkId: params.bookmarkId,
-                            viewer: params.manager.Viewer,
-                            viewId: params.viewId,
-                            ignoreIds: []
-                        })];
+            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) {
+                    case 0:
+                        api = params.apiGetter.getApi(params.apiGetter.accountId, params.apiGetter.env);
+                        return [4 /*yield*/, ProjectView.Get(api, params.viewId)];
                     case 1:
-                        _h.sent();
-                        return [4 /*yield*/, ProjectView.Get(params.api, params.viewId)];
-                    case 2:
-                        view = _h.sent();
+                        view = _l.sent();
                         bookmark = null;
-                        if (!params.bookmarkId) return [3 /*break*/, 4];
-                        return [4 /*yield*/, ProjectViewBookmark.Get(params.api, params.viewId, params.bookmarkId)];
+                        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:
-                        bookmark = _h.sent();
-                        _h.label = 4;
-                    case 4:
+                        terrainTiles = (_b = (_a = view.Settings) === null || _a === void 0 ? void 0 : _a.CesiumTerrainSources) !== null && _b !== void 0 ? _b : [];
                         terrainTile = null;
                         terrainTileName = null;
-                        if ((_a = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _a === void 0 ? void 0 : _a.terrain) {
+                        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 = (_b = view.Settings) === null || _b === void 0 ? void 0 : _b.DefaultTerrain;
+                            terrainTileName = (_d = view.Settings) === null || _d === void 0 ? void 0 : _d.DefaultTerrain;
                         }
-                        if ((_c = view.Settings) === null || _c === void 0 ? void 0 : _c.CesiumTerrainSources) {
-                            for (i = 0; i < view.Settings.CesiumTerrainSources.length; i++) {
-                                tile = view.Settings.CesiumTerrainSources[i];
-                                if (TileRenderEngine.CompareLegacyNames(tile.Name, terrainTileName)) {
-                                    terrainTile = tile;
-                                    break;
-                                }
+                        return [4 /*yield*/, ProjectViewTileSource.MergeTerrainTemplateData(params.apiGetter, terrainTiles, ((_e = view.Settings) === null || _e === void 0 ? void 0 : _e.CesiumTerrainSources) == null)];
+                    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) {
@@ -3527,6 +3630,32 @@ var ViewRenderEngine;
                                 viewer: params.manager.Viewer,
                             });
                         }
+                        return [4 /*yield*/, TileRenderEngine.Map.RenderLegacyView({
+                                apiGetter: params.apiGetter,
+                                bookmarkId: params.bookmarkId,
+                                viewer: params.manager.Viewer,
+                                viewId: params.viewId,
+                                ignoreIds: []
+                            })];
+                    case 5:
+                        _l.sent();
+                        frustum = (_f = bookmark.Settings) === null || _f === void 0 ? void 0 : _f.cameraFrustum;
+                        if (frustum == null) {
+                            frustum = Camera.EFrustum.Perspective;
+                        }
+                        scene = params.manager.Viewer.scene;
+                        curFrustum = scene.camera.frustum instanceof OrthographicFrustum ? Camera.EFrustum.Orthographic : Camera.EFrustum.Perspective;
+                        if (curFrustum != frustum) {
+                            if (frustum == Camera.EFrustum.Perspective) {
+                                scene.camera.switchToPerspectiveFrustum();
+                                scene.screenSpaceCameraController.enableTilt = true;
+                            }
+                            else {
+                                scene.camera.switchToOrthographicFrustum();
+                                scene.screenSpaceCameraController.enableTilt = false;
+                            }
+                            params.skipTransition = true;
+                        }
                         camera = bookmark.Camera;
                         pos = Cartesian3.fromDegrees(+camera.position.longitude, +camera.position.latitude, +camera.position.height);
                         params.manager.Viewer.scene.camera.flyTo({
@@ -3538,32 +3667,31 @@ var ViewRenderEngine;
                             },
                             duration: params.skipTransition ? 0 : 2
                         });
-                        go = (_d = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _d === void 0 ? void 0 : _d.groundOcclusion;
+                        go = (_g = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _g === void 0 ? void 0 : _g.groundOcclusion;
                         if (go == null) {
-                            go = (_e = view.Settings) === null || _e === void 0 ? void 0 : _e.GroundOcclusion;
+                            go = (_h = view.Settings) === null || _h === void 0 ? void 0 : _h.GroundOcclusion;
                         }
                         if (go == null) {
                             go = false;
                         }
                         params.manager.Viewer.scene.globe.depthTestAgainstTerrain = go;
                         enabledItems = params.manager.GetEnabledItemIds();
-                        newItemIds = (_g = (_f = bookmark === null || bookmark === void 0 ? void 0 : bookmark.Settings) === null || _f === void 0 ? void 0 : _f.selectedItemIds) !== null && _g !== void 0 ? _g : [];
+                        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 : [];
                         for (_i = 0, enabledItems_1 = enabledItems; _i < enabledItems_1.length; _i++) {
                             id = enabledItems_1[_i];
                             if (newItemIds.indexOf(id) === -1) {
                                 params.manager.RemoveItemById(id);
                             }
                         }
-                        if (!params.bookmarkId) return [3 /*break*/, 6];
+                        if (!params.bookmarkId) return [3 /*break*/, 7];
                         return [4 /*yield*/, RenderHelper.RenderBookmarkItems({
-                                api: params.api,
                                 apiGetter: params.apiGetter,
                                 manager: params.manager,
                             }, params.viewId, params.bookmarkId)];
-                    case 5:
-                        _h.sent();
-                        _h.label = 6;
-                    case 6: return [2 /*return*/];
+                    case 6:
+                        _l.sent();
+                        _l.label = 7;
+                    case 7: return [2 /*return*/];
                 }
             });
         });