bruce-cesium 2.1.3 → 2.1.5

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, DelayQueue, BatchedDataGetter, EntityRelationType, EntityCoords, EntityFilterGetter, EntitySource, MenuItem, EntityRelation, ENVIRONMENT, ProjectView, ProjectViewBookmark, ProjectViewTile, ProjectViewLegacyTile, ProgramKey, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartesian2, Cartographic, CallbackProperty, Cartesian3, Color, Rectangle, Math as Math$1, SceneMode, Entity, Primitive, Cesium3DTileFeature, HeightReference, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, KmlDataSource, OrthographicFrustum, JulianDate, NearFarScalar, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, createWorldTerrain, EllipsoidTerrainProvider, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, ColorMaterialProperty, EasingFunction, GeometryInstance } from 'cesium';
+import { Cartesian2, Cartographic, CallbackProperty, Cartesian3, Color, Rectangle, Math as Math$1, SceneMode, Entity, Primitive, Cesium3DTileFeature, HeightReference, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, PolygonHierarchy, ShadowMode, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Cesium3DTileColorBlendMode, HeadingPitchRange, createOsmBuildings, Cesium3DTileStyle, KmlDataSource, OrthographicFrustum, JulianDate, NearFarScalar, EllipsoidGeodesic, EllipsoidTerrainProvider, sampleTerrainMostDetailed, CesiumInspector, PolygonPipeline, createWorldTerrain, CesiumTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, ColorMaterialProperty, EasingFunction, GeometryInstance } from 'cesium';
 
 var TIME_LAG = 300;
 var POSITION_CHECK_TIMER = 950;
@@ -4761,6 +4761,8 @@ function correctStyle(style) {
     }
     return style;
 }
+var VIEWER_WATCH_KEY = "bruce-viewer-watch";
+var WATCH_KEY = "bruce-tileset-watch";
 /**
  * Creates and returns a tileset instance from a given url.
  * This is made to handle the difference between old and new cesium versions.
@@ -4771,15 +4773,21 @@ function correctStyle(style) {
  */
 function createTileset(url, props) {
     return __awaiter(this, void 0, void 0, function () {
-        var C3DT;
+        var defaultProps, C3DT;
         return __generator(this, function (_a) {
+            defaultProps = {
+                // "Optimization option. Reduce the screen space error for tiles that are further away from the camera.".
+                dynamicScreenSpaceError: true,
+                // "The maximum amount of memory in MB that can be used by the tileset.".
+                maximumMemoryUsage: 512
+            };
             C3DT = Cesium3DTileset;
             if (C3DT.fromUrl) {
                 // New cesium is running.
-                return [2 /*return*/, C3DT.fromUrl(url, __assign({}, props))];
+                return [2 /*return*/, C3DT.fromUrl(url, __assign(__assign({}, defaultProps), props))];
             }
             // Old cesium is running.
-            return [2 /*return*/, new C3DT(__assign({ url: url }, props))];
+            return [2 /*return*/, new C3DT(__assign(__assign({ url: url }, defaultProps), props))];
         });
     });
 }
@@ -4924,6 +4932,11 @@ var TilesetRenderEngine;
                 switch (_a.label) {
                     case 0:
                         api = params.apiGetter.getApi(params.apiGetter.accountId);
+                        // Ensure regional url is loaded.
+                        return [4 /*yield*/, api.Loading];
+                    case 1:
+                        // Ensure regional url is loaded.
+                        _a.sent();
                         loadUrl = params.tileset.loadUrl;
                         // CDN url must match the api getter account id.
                         if (!params.accountId || params.accountId == params.apiGetter.accountId) {
@@ -4934,21 +4947,22 @@ var TilesetRenderEngine;
                                 loadUrl += "&generation=" + params.tileset.generateVersion;
                             }
                         }
-                        if (!(params.tileset.type == Tileset.EType.Cad)) return [3 /*break*/, 2];
+                        if (!(params.tileset.type == Tileset.EType.Cad)) return [3 /*break*/, 3];
                         return [4 /*yield*/, createTileset(loadUrl ? loadUrl : Tileset.GetPublicFileUrl({
                                 api: api,
                                 tilesetId: params.tileset.id,
                                 file: "tileset.json"
                             }) + "?generation=" + params.tileset.generateVersion, null)];
-                    case 1:
+                    case 2:
                         cTileset_1 = _a.sent();
                         params.viewer.scene.primitives.add(cTileset_1);
                         cTileset_1.readyPromise.then(function () {
-                            var _a, _b, _c;
+                            var _a, _b, _c, _d;
                             try {
                                 if (!isAlive(params.viewer, cTileset_1)) {
                                     return;
                                 }
+                                (_a = GetMemoryWatcher(params.viewer)) === null || _a === void 0 ? void 0 : _a.Watch(cTileset_1);
                                 var settings = params.tileset.settings;
                                 ApplySettings({
                                     cTileset: cTileset_1,
@@ -4959,9 +4973,9 @@ var TilesetRenderEngine;
                                 ApplyPosition({
                                     cTileset: cTileset_1,
                                     position: {
-                                        ucs: (_a = params.coords) === null || _a === void 0 ? void 0 : _a.ucs,
-                                        location: ((_b = params.coords) === null || _b === void 0 ? void 0 : _b.location) == null ? settings.location : params.coords.location,
-                                        transform: ((_c = params.coords) === null || _c === void 0 ? void 0 : _c.transform) == null ? settings.transform : params.coords.transform
+                                        ucs: (_b = params.coords) === null || _b === void 0 ? void 0 : _b.ucs,
+                                        location: ((_c = params.coords) === null || _c === void 0 ? void 0 : _c.location) == null ? settings.location : params.coords.location,
+                                        transform: ((_d = params.coords) === null || _d === void 0 ? void 0 : _d.transform) == null ? settings.transform : params.coords.transform
                                     }
                                 });
                             }
@@ -4970,32 +4984,34 @@ var TilesetRenderEngine;
                             }
                         });
                         return [2 /*return*/, cTileset_1];
-                    case 2:
-                        if (!(params.tileset.type === Tileset.EType.EntitiesSet)) return [3 /*break*/, 4];
+                    case 3:
+                        if (!(params.tileset.type === Tileset.EType.EntitiesSet)) return [3 /*break*/, 5];
                         return [4 /*yield*/, createTileset(loadUrl ? loadUrl : Tileset.GetPublicFileUrl({
                                 api: api,
                                 tilesetId: params.tileset.id,
                                 file: "tileset.json"
                             }) + "?generation=" + params.tileset.generateVersion, null)];
-                    case 3:
+                    case 4:
                         cTileset = _a.sent();
                         params.viewer.scene.primitives.add(cTileset);
                         return [2 /*return*/, cTileset];
-                    case 4:
-                        if (!(params.tileset.type == Tileset.EType.PointCloud)) return [3 /*break*/, 6];
+                    case 5:
+                        if (!(params.tileset.type == Tileset.EType.PointCloud)) return [3 /*break*/, 7];
                         return [4 /*yield*/, createTileset(loadUrl ? loadUrl : Tileset.GetPublicFileUrl({
                                 api: api,
                                 tilesetId: params.tileset.id,
                                 file: "tileset.json"
                             }) + "?generation=" + params.tileset.generateVersion, null)];
-                    case 5:
+                    case 6:
                         cTileset_2 = _a.sent();
                         params.viewer.scene.primitives.add(cTileset_2);
                         cTileset_2.readyPromise.then(function () {
+                            var _a;
                             try {
                                 if (!isAlive(params.viewer, cTileset_2)) {
                                     return;
                                 }
+                                (_a = GetMemoryWatcher(params.viewer)) === null || _a === void 0 ? void 0 : _a.Watch(cTileset_2);
                                 var settings = params.tileset.settings;
                                 ApplySettings({
                                     cTileset: cTileset_2,
@@ -5018,7 +5034,7 @@ var TilesetRenderEngine;
                             }
                         });
                         return [2 /*return*/, cTileset_2];
-                    case 6: throw ("Not implemented.");
+                    case 7: throw ("Not implemented.");
                 }
             });
         });
@@ -5068,10 +5084,12 @@ var TilesetRenderEngine;
                         cTileset = _a.sent();
                         viewer.scene.primitives.add(cTileset);
                         cTileset.readyPromise.then(function () {
+                            var _a;
                             try {
                                 if (!isAlive(viewer, cTileset)) {
                                     return;
                                 }
+                                (_a = GetMemoryWatcher(params.viewer)) === null || _a === void 0 ? void 0 : _a.Watch(cTileset);
                                 if (tileset) {
                                     var settings_1 = tileset.Settings;
                                     settings_1 = __assign({}, settings_1);
@@ -5518,6 +5536,89 @@ var TilesetRenderEngine;
         return Styler;
     }());
     TilesetRenderEngine.Styler = Styler;
+    /**
+     * The maximum memory in MB that can be used by all tilesets.
+     * This is distributed evenly between all loaded tilesets.
+     */
+    TilesetRenderEngine.MAX_TILESET_MEMORY = 1024;
+    /**
+     * Watches tilesets in the viewer.
+     * This will regulate their max memory param.
+     * As more get watched their memory will be reduced.
+     */
+    var MemoryWatcher = /** @class */ (function () {
+        function MemoryWatcher(viewer) {
+            this.watched = [];
+            this.viewer = viewer;
+        }
+        MemoryWatcher.prototype.distributeMemory = function () {
+            this.clean();
+            // Total 1gb as default.
+            // We'll need to allow user to change this somehow.
+            var maxMemory = TilesetRenderEngine.MAX_TILESET_MEMORY;
+            // Minimum memory in MB per tileset.
+            var minMemory = 80;
+            var totalPerTileset = Math.max(this.watched.length ? maxMemory / this.watched.length : maxMemory, minMemory);
+            this.watched.forEach(function (x) {
+                x.maximumMemoryUsage = totalPerTileset;
+            });
+        };
+        MemoryWatcher.prototype.destroy = function () {
+            this.watched = [];
+        };
+        /**
+         * Remove all dead tilesets.
+         */
+        MemoryWatcher.prototype.clean = function () {
+            var _this = this;
+            // Remove all dead tilesets.
+            this.watched = this.watched.filter(function (x) { return isAlive(_this.viewer, x); });
+            // Check if viewer is destroyed.
+            if (!this.viewer || this.viewer.isDestroyed()) {
+                this.destroy();
+            }
+        };
+        MemoryWatcher.prototype.Watch = function (tileset) {
+            if (!tileset) {
+                return;
+            }
+            if (!tileset[WATCH_KEY]) {
+                tileset[WATCH_KEY] = ObjectUtils.UId();
+            }
+            var index = this.watched.findIndex(function (x) { return x[WATCH_KEY] === tileset[WATCH_KEY]; });
+            if (index >= 0) {
+                return;
+            }
+            this.watched.push(tileset);
+            this.distributeMemory();
+        };
+        MemoryWatcher.prototype.Unwatch = function (tileset) {
+            if (!tileset) {
+                return;
+            }
+            if (!tileset[WATCH_KEY]) {
+                tileset[WATCH_KEY] = ObjectUtils.UId();
+            }
+            var index = this.watched.findIndex(function (x) { return (x === null || x === void 0 ? void 0 : x[WATCH_KEY]) === tileset[WATCH_KEY]; });
+            if (index > -1) {
+                this.watched.splice(index, 1);
+            }
+            this.distributeMemory();
+        };
+        return MemoryWatcher;
+    }());
+    TilesetRenderEngine.MemoryWatcher = MemoryWatcher;
+    function GetMemoryWatcher(viewer) {
+        // If viewer is dead return nothing.
+        if (!viewer || viewer.isDestroyed()) {
+            return null;
+        }
+        if (!viewer[VIEWER_WATCH_KEY]) {
+            viewer[VIEWER_WATCH_KEY] = new MemoryWatcher(viewer);
+        }
+        return viewer[VIEWER_WATCH_KEY];
+    }
+    TilesetRenderEngine.GetMemoryWatcher = GetMemoryWatcher;
 })(TilesetRenderEngine || (TilesetRenderEngine = {}));
 
 /**
@@ -5798,16 +5899,17 @@ var TilesetCadRenderManager;
             this.doDispose();
         };
         Manager.prototype.doDispose = function () {
-            var _a;
+            var _a, _b;
             if (this.cTileset) {
                 var viewer = this.viewer;
                 if (!(viewer === null || viewer === void 0 ? void 0 : viewer.isDestroyed()) && this.viewer.scene.primitives.contains(this.cTileset)) {
                     this.cTileset.show = false;
                     this.viewer.scene.primitives.remove(this.cTileset);
+                    (_a = TilesetRenderEngine.GetMemoryWatcher(viewer)) === null || _a === void 0 ? void 0 : _a.Unwatch(this.cTileset);
                 }
                 this.cTileset = null;
             }
-            (_a = this.styler) === null || _a === void 0 ? void 0 : _a.Dispose();
+            (_b = this.styler) === null || _b === void 0 ? void 0 : _b.Dispose();
             this.visualsManager.RemoveRegos({
                 menuItemId: this.item.id
             });
@@ -6348,11 +6450,13 @@ var TilesetEntitiesRenderManager;
             this.doDispose();
         };
         Manager.prototype.doDispose = function () {
+            var _a;
             if (this.cTileset) {
                 var viewer = this.viewer;
                 if (!(viewer === null || viewer === void 0 ? void 0 : viewer.isDestroyed()) && this.viewer.scene.primitives.contains(this.cTileset)) {
                     this.cTileset.show = false;
                     this.viewer.scene.primitives.remove(this.cTileset);
+                    (_a = TilesetRenderEngine.GetMemoryWatcher(viewer)) === null || _a === void 0 ? void 0 : _a.Unwatch(this.cTileset);
                 }
                 this.cTileset = null;
             }
@@ -6500,11 +6604,13 @@ var TilesetPointcloudRenderManager;
             this.doDispose();
         };
         Manager.prototype.doDispose = function () {
+            var _a;
             if (this.cTileset) {
                 var viewer = this.viewer;
                 if (!(viewer === null || viewer === void 0 ? void 0 : viewer.isDestroyed()) && this.viewer.scene.primitives.contains(this.cTileset)) {
                     this.cTileset.show = false;
                     this.viewer.scene.primitives.remove(this.cTileset);
+                    (_a = TilesetRenderEngine.GetMemoryWatcher(viewer)) === null || _a === void 0 ? void 0 : _a.Unwatch(this.cTileset);
                 }
                 this.cTileset = null;
             }
@@ -6850,16 +6956,17 @@ var TilesetArbRenderManager;
             this.doDispose();
         };
         Manager.prototype.doDispose = function () {
-            var _a;
+            var _a, _b;
             if (this.cTileset) {
                 var viewer = this.viewer;
                 if (!(viewer === null || viewer === void 0 ? void 0 : viewer.isDestroyed()) && this.viewer.scene.primitives.contains(this.cTileset)) {
                     this.cTileset.show = false;
                     this.viewer.scene.primitives.remove(this.cTileset);
+                    (_a = TilesetRenderEngine.GetMemoryWatcher(viewer)) === null || _a === void 0 ? void 0 : _a.Unwatch(this.cTileset);
                 }
                 this.cTileset = null;
             }
-            (_a = this.styler) === null || _a === void 0 ? void 0 : _a.Dispose();
+            (_b = this.styler) === null || _b === void 0 ? void 0 : _b.Dispose();
             this.visualsManager.RemoveRegos({
                 menuItemId: this.item.id
             });
@@ -8693,7 +8800,7 @@ var TileRenderEngine;
         (function (Navigator) {
             function GetOrCreateLayer(params) {
                 return __awaiter(this, void 0, void 0, function () {
-                    var viewer, apiGetter, meta, enabled, i, layer, layerMeta, defaultImg, provider, api, tileset, settings, _a, _b, _c, mapboxKey, _d, layer;
+                    var viewer, apiGetter, meta, enabled, i, layer, layerMeta, defaultImg, provider, api, tileset, boundaries, settings, minLat, maxLat, minLon, maxLon, minLevel, maxLevel, hasLevels, settings_1, _a, _b, _c, mapboxKey, _d, layer;
                     var _e;
                     return __generator(this, function (_f) {
                         switch (_f.label) {
@@ -8716,90 +8823,131 @@ var TileRenderEngine;
                                 return [4 /*yield*/, renderDefaultMapTile(apiGetter, defaultImg.id)];
                             case 1:
                                 provider = _f.sent();
-                                return [3 /*break*/, 15];
+                                return [3 /*break*/, 16];
                             case 2:
                                 api = apiGetter.getApi(meta.accountId);
+                                // Ensure regional url is loaded.
+                                // When loading stuff in the same account as the default it's likely already loaded,
+                                // but if we just made an API instance for some external account then it won't be loaded yet.
+                                return [4 /*yield*/, api.Loading];
+                            case 3:
+                                // Ensure regional url is loaded.
+                                // When loading stuff in the same account as the default it's likely already loaded,
+                                // but if we just made an API instance for some external account then it won't be loaded yet.
+                                _f.sent();
                                 return [4 /*yield*/, Tileset.Get({
                                         api: api,
                                         tilesetId: meta.tilesetId
                                     })];
-                            case 3:
+                            case 4:
                                 tileset = (_f.sent()).tileset;
-                                if (!(tileset.type === Tileset.EType.GeoMap)) return [3 /*break*/, 4];
+                                boundaries = undefined;
+                                settings = tileset === null || tileset === void 0 ? void 0 : tileset.settings;
+                                if (settings && settings.boundaries) {
+                                    minLat = settings.boundaries.minLatitude;
+                                    maxLat = settings.boundaries.maxLatitude;
+                                    minLon = settings.boundaries.minLongitude;
+                                    maxLon = settings.boundaries.maxLongitude;
+                                    boundaries = Rectangle.fromDegrees(minLon, minLat, maxLon, maxLat);
+                                }
+                                minLevel = settings === null || settings === void 0 ? void 0 : settings.levelMin;
+                                maxLevel = settings === null || settings === void 0 ? void 0 : settings.levelMax;
+                                hasLevels = !isNaN(minLevel) && !isNaN(maxLevel);
+                                if (!(tileset.type === Tileset.EType.GeoMap)) return [3 /*break*/, 5];
                                 provider = new TileMapServiceImageryProvider({
                                     url: Tileset.GetPublicFileUrl({
                                         api: api,
                                         tilesetId: meta.tilesetId,
-                                        file: ""
+                                        file: "",
+                                        viaCdn: true,
+                                        viaCdnCacheToken: tileset.generateVersion
                                     }),
-                                    fileExtension: "png"
+                                    fileExtension: "png",
+                                    // Tested to not cause increased lag.
+                                    rectangle: boundaries,
+                                    maximumLevel: hasLevels ? maxLevel : undefined,
+                                    minimumLevel: hasLevels ? minLevel : undefined,
                                 });
-                                return [3 /*break*/, 15];
-                            case 4:
-                                if (!(tileset.type === Tileset.EType.ExternalGeoMap)) return [3 /*break*/, 14];
-                                settings = tileset.settings;
-                                _a = settings.mapType;
+                                return [3 /*break*/, 16];
+                            case 5:
+                                if (!(tileset.type === Tileset.EType.ExternalGeoMap)) return [3 /*break*/, 15];
+                                settings_1 = tileset.settings;
+                                _a = settings_1.mapType;
                                 switch (_a) {
-                                    case Tileset.Settings.EExternalMapType.CesiumIon: return [3 /*break*/, 5];
-                                    case Tileset.Settings.EExternalMapType.MapBoxImagery: return [3 /*break*/, 7];
-                                    case Tileset.Settings.EExternalMapType.OpenStreetMapImagery: return [3 /*break*/, 11];
-                                    case Tileset.Settings.EExternalMapType.TileMapImagery: return [3 /*break*/, 12];
+                                    case Tileset.Settings.EExternalMapType.CesiumIon: return [3 /*break*/, 6];
+                                    case Tileset.Settings.EExternalMapType.MapBoxImagery: return [3 /*break*/, 8];
+                                    case Tileset.Settings.EExternalMapType.OpenStreetMapImagery: return [3 /*break*/, 12];
+                                    case Tileset.Settings.EExternalMapType.TileMapImagery: return [3 /*break*/, 13];
                                 }
-                                return [3 /*break*/, 13];
-                            case 5:
+                                return [3 /*break*/, 14];
+                            case 6:
                                 _c = (_b = IonImageryProvider).bind;
                                 _e = {
-                                    assetId: settings.ionId
+                                    assetId: settings_1.ionId
                                 };
                                 return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.CesiumIon, null)];
-                            case 6:
+                            case 7:
                                 provider = new (_c.apply(_b, [void 0, (_e.accessToken = _f.sent(),
                                         _e)]))();
-                                return [3 /*break*/, 13];
-                            case 7:
-                                if (!settings.mapBoxKey) return [3 /*break*/, 8];
-                                _d = settings.mapBoxKey;
-                                return [3 /*break*/, 10];
-                            case 8: return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Mapbox, null)];
-                            case 9:
-                                _d = _f.sent();
-                                _f.label = 10;
+                                return [3 /*break*/, 14];
+                            case 8:
+                                if (!settings_1.mapBoxKey) return [3 /*break*/, 9];
+                                _d = settings_1.mapBoxKey;
+                                return [3 /*break*/, 11];
+                            case 9: return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Mapbox, null)];
                             case 10:
+                                _d = _f.sent();
+                                _f.label = 11;
+                            case 11:
                                 mapboxKey = _d;
                                 provider = new UrlTemplateImageryProvider({
                                     url: "https://api.mapbox.com/styles/v1/"
-                                        + settings.mapBoxAccount + "/" + settings.mapBoxStyleId +
+                                        + settings_1.mapBoxAccount + "/" + settings_1.mapBoxStyleId +
                                         "/tiles/256/{z}/{x}/{y}?access_token="
                                         + mapboxKey
                                 });
-                                return [3 /*break*/, 13];
-                            case 11:
+                                return [3 /*break*/, 14];
+                            case 12:
                                 provider = new OpenStreetMapImageryProvider({
-                                    url: settings.url,
-                                    fileExtension: prepareFileExt(settings.sourceExt)
+                                    url: settings_1.url,
+                                    fileExtension: prepareFileExt(settings_1.sourceExt),
+                                    // Unused until tested properly. In the past these settings caused large lag.
+                                    // rectangle: boundaries,
+                                    // maximumLevel: hasLevels ? maxLevel : undefined,
+                                    // minimumLevel: hasLevels ? minLevel : undefined,
                                 });
-                                return [3 /*break*/, 13];
-                            case 12:
+                                return [3 /*break*/, 14];
+                            case 13:
                                 provider = new TileMapServiceImageryProvider({
-                                    url: settings.url,
-                                    fileExtension: prepareFileExt(settings.sourceExt)
+                                    url: settings_1.url,
+                                    fileExtension: prepareFileExt(settings_1.sourceExt),
+                                    // Unused until tested properly. In the past these settings caused large lag.
+                                    // rectangle: boundaries,
+                                    // maximumLevel: hasLevels ? maxLevel : undefined,
+                                    // minimumLevel: hasLevels ? minLevel : undefined,
                                 });
-                                return [3 /*break*/, 13];
-                            case 13: return [3 /*break*/, 15];
-                            case 14:
+                                return [3 /*break*/, 14];
+                            case 14: return [3 /*break*/, 16];
+                            case 15:
                                 if (tileset.type === Tileset.EType.EntitiesMap) {
                                     provider = new UrlTemplateImageryProvider({
                                         url: Tileset.GetPublicFileUrl({
                                             api: api,
                                             tilesetId: meta.tilesetId,
-                                            file: "{z}/{x}/{y}.png"
+                                            file: "{z}/{x}/{y}.png",
+                                            viaCdn: true,
+                                            viaCdnCacheToken: tileset.generateVersion
                                         }),
                                         tileHeight: 256,
                                         tileWidth: 256
+                                        // Unused until tested properly. In the past these settings caused large lag.
+                                        // rectangle: boundaries,
+                                        // minimumLevel: hasLevels ? minLevel : undefined,
+                                        // maximumLevel: hasLevels ? maxLevel : undefined,
                                     });
                                 }
-                                _f.label = 15;
-                            case 15:
+                                _f.label = 16;
+                            case 16:
                                 if (provider) {
                                     layer = viewer.imageryLayers.addImageryProvider(provider);
                                     layer._bMeta = meta;
@@ -9037,14 +9185,23 @@ var TileRenderEngine;
                                 return [4 /*yield*/, renderDefaultTerrTile(defaultTerr.id)];
                             case 1:
                                 provider = (_b.sent());
-                                return [3 /*break*/, 4];
+                                return [3 /*break*/, 5];
                             case 2:
                                 api = params.apiGetter.getApi(params.tile.accountId);
+                                // Ensure regional url is loaded.
+                                // When loading stuff in the same account as the default it's likely already loaded,
+                                // but if we just made an API instance for some external account then it won't be loaded yet.
+                                return [4 /*yield*/, api.Loading];
+                            case 3:
+                                // Ensure regional url is loaded.
+                                // When loading stuff in the same account as the default it's likely already loaded,
+                                // but if we just made an API instance for some external account then it won't be loaded yet.
+                                _b.sent();
                                 return [4 /*yield*/, Tileset.Get({
                                         api: api,
                                         tilesetId: params.tile.tilesetId
                                     })];
-                            case 3:
+                            case 4:
                                 tileset = (_b.sent()).tileset;
                                 url = void 0;
                                 vertexes = true;
@@ -9052,7 +9209,9 @@ var TileRenderEngine;
                                     url = Tileset.GetPublicFileUrl({
                                         api: api,
                                         tilesetId: tileset.id,
-                                        file: ""
+                                        file: "",
+                                        viaCdn: true,
+                                        viaCdnCacheToken: tileset.generateVersion
                                     });
                                 }
                                 else if (tileset.type === Tileset.EType.ExternalTerrain) {
@@ -9069,8 +9228,8 @@ var TileRenderEngine;
                                         requestVertexNormals: vertexes
                                     });
                                 }
-                                _b.label = 4;
-                            case 4:
+                                _b.label = 5;
+                            case 5:
                                 if (provider) {
                                     provider._bMeta = {
                                         accountId: params.tile.accountId,