bruce-cesium 4.0.9 → 4.1.1

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, EntityHistoricData, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, ColorMaterialProperty, ConstantProperty, DistanceDisplayCondition, NearFarScalar, Model, HorizontalOrigin, VerticalOrigin, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidTerrainProvider, CesiumInspector, defined, ClockRange, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, PolygonPipeline, BoundingSphere, GeometryInstance, EllipsoidGeodesic, sampleTerrainMostDetailed, ScreenSpaceEventHandler, ScreenSpaceEventType, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, CzmlDataSource, Quaternion, Intersect } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, Entity, Primitive, Cesium3DTileFeature, DistanceDisplayCondition, NearFarScalar, Model, ColorMaterialProperty, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, SceneTransforms, OrthographicFrustum, EasingFunction, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, defined, CesiumInspector, ClockRange, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -9372,7 +9372,7 @@ var VisualsRegister;
             else {
                 var entityRegos = this.rego[entityId];
                 if (!entityRegos) {
-                    return [];
+                    return null;
                 }
                 if (menuItemId) {
                     return entityRegos.find(function (r) { return r.menuItemId === menuItemId; });
@@ -11241,6 +11241,7 @@ var EntitiesRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -11377,6 +11378,7 @@ var EntitiesRenderManager;
                                             entityId: id,
                                             schemaId: (_d = entity.Bruce) === null || _d === void 0 ? void 0 : _d.SchemaID,
                                             menuItemId: this.item.id,
+                                            menuItemType: this.item.Type,
                                             visual: cEntity,
                                             priority: 0,
                                             entityTypeId: entity.Bruce["EntityType.ID"],
@@ -12115,6 +12117,7 @@ var EntitiesLoadedRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -12219,6 +12222,7 @@ var EntitiesLoadedRenderManager;
                                             rego: {
                                                 entityId: id,
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 visual: cEntity,
                                                 priority: 0,
                                                 entityTypeId: entity.Bruce["EntityType.ID"],
@@ -12736,6 +12740,7 @@ var EntitiesIdsRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -12831,6 +12836,7 @@ var EntitiesIdsRenderManager;
                                             rego: {
                                                 entityId: id,
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 visual: cEntity,
                                                 priority: 0,
                                                 entityTypeId: entity.Bruce["EntityType.ID"],
@@ -13050,6 +13056,7 @@ var EntityRenderManager;
                                         rego: {
                                             entityId: entity.Bruce.ID,
                                             menuItemId: this.item.id,
+                                            menuItemType: this.item.Type,
                                             visual: cEntity,
                                             priority: 0,
                                             entityTypeId: entity.Bruce["EntityType.ID"],
@@ -14376,6 +14383,7 @@ var TilesetCadRenderManager;
                 entityId: null,
                 entityTypeId: null,
                 menuItemId: this.item.id,
+                menuItemType: this.item.Type,
                 priority: 0,
                 visual: feature,
                 accountId: (_b = (_a = this.item.tileset) === null || _a === void 0 ? void 0 : _a.ClientAccountID) !== null && _b !== void 0 ? _b : this.getters.GetAccountId(),
@@ -15585,6 +15593,7 @@ var TilesetOsmRenderManager;
                                 rego = {
                                     entityId: bruceId,
                                     menuItemId: this.item.id,
+                                    menuItemType: this.item.Type,
                                     priority: 0,
                                     visual: feature,
                                     entityTypeId: this.entityTypeId,
@@ -15877,6 +15886,7 @@ var TilesetEntitiesRenderManager;
                     entityId: id,
                     entityTypeId: this.typeId,
                     menuItemId: this.item.id,
+                    menuItemType: this.item.Type,
                     priority: 0,
                     visual: feature,
                     tilesetId: (_a = this.item.tileset) === null || _a === void 0 ? void 0 : _a.TilesetID,
@@ -16517,6 +16527,7 @@ var TilesetArbRenderManager;
                 entityId: null,
                 entityTypeId: null,
                 menuItemId: this.item.id,
+                menuItemType: this.item.Type,
                 priority: 0,
                 visual: feature,
                 accountId: (_b = (_a = this.item.tileset) === null || _a === void 0 ? void 0 : _a.ClientAccountID) !== null && _b !== void 0 ? _b : this.getters.GetAccountId(),
@@ -16964,6 +16975,7 @@ var RelationsRenderManager;
                                             rego: {
                                                 entityId: (_b = relation["Data.Entity.ID"]) !== null && _b !== void 0 ? _b : ObjectUtils.UId(),
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 relation: relation,
                                                 visual: cEntity,
                                                 priority: 0,
@@ -17395,6 +17407,7 @@ var LegacyRelationsRenderManager;
                                             rego: {
                                                 entityId: (_b = relation["Data.Entity.ID"]) !== null && _b !== void 0 ? _b : ObjectUtils.UId(),
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 relation: relation,
                                                 visual: cEntity,
                                                 priority: 0,
@@ -17732,6 +17745,7 @@ var DataSourceStaticCsvManager;
                                             rego: {
                                                 entityId: vehicleEntityId,
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 priority: 0,
                                                 visual: vehicleEntity,
                                                 accountId: this.apiGetter.accountId,
@@ -17753,6 +17767,7 @@ var DataSourceStaticCsvManager;
                                                 rego: {
                                                     entityId: nextspaceEntityId,
                                                     menuItemId: this.item.id,
+                                                    menuItemType: this.item.Type,
                                                     priority: 0,
                                                     visual: entity,
                                                     accountId: this.apiGetter.accountId,
@@ -18157,6 +18172,604 @@ var TilesetI3sRenderManager;
     TilesetI3sRenderManager.Manager = Manager;
 })(TilesetI3sRenderManager || (TilesetI3sRenderManager = {}));
 
+var GoogleSearchRenderManager;
+(function (GoogleSearchRenderManager$$1) {
+    var Manager = /** @class */ (function () {
+        function Manager(params) {
+            // If true, this menu item is disposed and should not be used.
+            // Any rendering will be ignored.
+            this.disposed = false;
+            this.grid = new EntityGlobe.Grid();
+            this.getterLoopId = 0;
+            var item = params.item, register = params.register, monitor = params.monitor, viewer = params.viewer, getters = params.getters;
+            this.item = item;
+            this.register = register;
+            this.monitor = monitor;
+            this.viewer = viewer;
+            this.getters = getters;
+        }
+        Object.defineProperty(Manager.prototype, "Disposed", {
+            get: function () {
+                return this.disposed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Manager.prototype.Init = function () {
+            var _this = this;
+            (function () { return __awaiter(_this, void 0, void 0, function () {
+                var key, valid, programKey, valid, e_1;
+                var _this = this;
+                var _a, _b, _c, _d;
+                return __generator(this, function (_e) {
+                    switch (_e.label) {
+                        case 0:
+                            _e.trys.push([0, 7, , 8]);
+                            if (!!((_c = (_b = (_a = getGoogle()) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places) === null || _c === void 0 ? void 0 : _c.PlacesService)) return [3 /*break*/, 6];
+                            key = this.item.accessToken;
+                            if (!key) return [3 /*break*/, 2];
+                            return [4 /*yield*/, validateKey(key)];
+                        case 1:
+                            valid = _e.sent();
+                            if (!valid) {
+                                console.warn("Menu Item key not valid for Google Places API. Will try use the account default.");
+                                key = null;
+                            }
+                            _e.label = 2;
+                        case 2:
+                            if (!!key) return [3 /*break*/, 5];
+                            return [4 /*yield*/, ProgramKey.Get({
+                                    programId: ProgramKey.EProgramId.Google,
+                                    api: this.getters.GetBruceApi()
+                                })];
+                        case 3:
+                            programKey = (_e.sent()).programKey;
+                            if (programKey === null || programKey === void 0 ? void 0 : programKey.Key) {
+                                key = programKey.Key;
+                            }
+                            if (!key) return [3 /*break*/, 5];
+                            return [4 /*yield*/, validateKey(key)];
+                        case 4:
+                            valid = _e.sent();
+                            if (!valid) {
+                                throw new Error("Account default key not valid for Google Places API.");
+                            }
+                            _e.label = 5;
+                        case 5:
+                            if (!key) {
+                                throw new Error("No valid key found for Google Places API.");
+                            }
+                            this.accessToken = key;
+                            _e.label = 6;
+                        case 6:
+                            if (this.Disposed) {
+                                return [2 /*return*/];
+                            }
+                            (_d = this.monitorRemoval) === null || _d === void 0 ? void 0 : _d.call(this);
+                            this.monitorRemoval = this.monitor.Updated().Subscribe(function () {
+                                _this.startGetterLoop();
+                            });
+                            this.startGetterLoop();
+                            return [3 /*break*/, 8];
+                        case 7:
+                            e_1 = _e.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 8];
+                        case 8: return [2 /*return*/];
+                    }
+                });
+            }); })();
+        };
+        Manager.prototype.Dispose = function () {
+            var _a;
+            if (this.disposed) {
+                return;
+            }
+            this.disposed = true;
+            (_a = this.monitorRemoval) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.register.RemoveRegos({
+                menuItemId: this.item.id
+            });
+        };
+        Manager.prototype.ReRender = function (params) {
+            // Ignore. Not relevant for this render manager.
+            return;
+        };
+        /**
+         * Starts gathering data around the view-port in blocks.
+         * If a block was previously fetched in a different iteration, it is ignored.
+         * This can be re-called once the camera is moved to restart the process.
+         */
+        Manager.prototype.startGetterLoop = function () {
+            var _this = this;
+            this.getterLoopId += 1;
+            var loopId = this.getterLoopId;
+            return new Promise(function () { return __awaiter(_this, void 0, void 0, function () {
+                var MAX_HEIGHT, MIN_HEIGHT, target, bounds, alt, cells, curCellIndex, curCell, bounds_1, location_1, result, e_2;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            MAX_HEIGHT = 100000;
+                            MIN_HEIGHT = 1000;
+                            _a.label = 1;
+                        case 1:
+                            if (!((!this.monitor.GetTarget() || !this.monitor.GetBounds()) && this.getterLoopId == loopId || this.Disposed)) return [3 /*break*/, 3];
+                            return [4 /*yield*/, delay$1(500)];
+                        case 2:
+                            _a.sent();
+                            return [3 /*break*/, 1];
+                        case 3:
+                            target = this.monitor.GetTarget();
+                            bounds = this.monitor.GetBounds();
+                            if (!target || !bounds) {
+                                return [2 /*return*/];
+                            }
+                            alt = bounds.alt;
+                            if (alt == null || alt > MAX_HEIGHT || (alt < MIN_HEIGHT && MIN_HEIGHT > 0)) {
+                                return [2 /*return*/];
+                            }
+                            cells = this.grid.GetCellsForView(target, bounds);
+                            curCellIndex = cells.length > 0 ? 0 : null;
+                            _a.label = 4;
+                        case 4:
+                            if (!(curCellIndex != null)) return [3 /*break*/, 11];
+                            return [4 /*yield*/, delay$1(500)];
+                        case 5:
+                            _a.sent();
+                            // New loop started, break the old one.
+                            if (this.getterLoopId != loopId || this.Disposed) {
+                                return [3 /*break*/, 11];
+                            }
+                            curCell = cells[curCellIndex];
+                            if (curCell.IsFetched()) {
+                                curCell.Fetching = false;
+                                curCellIndex += 1;
+                                if (cells[curCellIndex]) {
+                                    cells[curCellIndex].Fetching = true;
+                                }
+                                else {
+                                    curCellIndex = null;
+                                }
+                                return [3 /*break*/, 4];
+                            }
+                            _a.label = 6;
+                        case 6:
+                            _a.trys.push([6, 9, , 10]);
+                            // New loop started, break the old one.
+                            if (this.getterLoopId != loopId) {
+                                return [3 /*break*/, 11];
+                            }
+                            bounds_1 = curCell.GetBounds();
+                            location_1 = {
+                                altitude: bounds_1.alt,
+                                latitude: bounds_1.south + ((bounds_1.north - bounds_1.south) / 2),
+                                longitude: bounds_1.west + ((bounds_1.east - bounds_1.west) / 2)
+                            };
+                            return [4 /*yield*/, getPlaces({
+                                    location: location_1,
+                                    bounds: bounds_1,
+                                    keyword: this.item.keyword,
+                                    accessToken: this.accessToken
+                                })];
+                        case 7:
+                            result = _a.sent();
+                            return [4 /*yield*/, this.renderPlaces(result)];
+                        case 8:
+                            _a.sent();
+                            if (this.getterLoopId != loopId || this.Disposed) {
+                                return [3 /*break*/, 11];
+                            }
+                            curCell.Fetched = true;
+                            curCell.Fetching = false;
+                            return [3 /*break*/, 10];
+                        case 9:
+                            e_2 = _a.sent();
+                            console.error(e_2);
+                            return [3 /*break*/, 11];
+                        case 10: return [3 /*break*/, 4];
+                        case 11: return [2 /*return*/];
+                    }
+                });
+            }); });
+        };
+        /**
+         * Renders Google places on the map and registers them into the common register.
+         * @param places
+         * @returns
+         */
+        Manager.prototype.renderPlaces = function (places) {
+            var _a, _b;
+            return __awaiter(this, void 0, void 0, function () {
+                var i, item, itemId, lat, lon, bgColor, size, canvas, pos, billboard;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            i = 0;
+                            _c.label = 1;
+                        case 1:
+                            if (!(i < places.length)) return [3 /*break*/, 4];
+                            item = places[i];
+                            itemId = item.place_id;
+                            // No ID, no item :)
+                            if (!itemId) {
+                                return [3 /*break*/, 3];
+                            }
+                            // Check if we already have this item.
+                            if (this.register.GetRego({
+                                entityId: itemId,
+                                menuItemId: this.item.id
+                            })) {
+                                return [3 /*break*/, 3];
+                            }
+                            lat = void 0;
+                            lon = void 0;
+                            if (item.geometry) {
+                                if ((_b = (_a = item.geometry.location) === null || _a === void 0 ? void 0 : _a.lat) === null || _b === void 0 ? void 0 : _b.call(_a)) {
+                                    lat = item.geometry.location.lat();
+                                    lon = item.geometry.location.lng();
+                                }
+                                else if (item.geometry.viewport) {
+                                    lat = (item.geometry.viewport.Xh.lo + item.geometry.viewport.Xh.hi) / 2;
+                                    lon = (item.geometry.viewport.Hh.lo + item.geometry.viewport.Hh.hi) / 2;
+                                }
+                            }
+                            if (!lat || !lon || typeof lat !== "number" || typeof lon !== "number") {
+                                return [3 /*break*/, 3];
+                            }
+                            bgColor = item.icon_background_color || "white";
+                            size = 38;
+                            return [4 /*yield*/, createBillboardImage(item.icon, bgColor, size)];
+                        case 2:
+                            canvas = _c.sent();
+                            pos = Cartesian3.fromDegrees(lon, lat);
+                            billboard = this.viewer.entities.add({
+                                position: pos,
+                                billboard: {
+                                    image: canvas,
+                                    scale: 1,
+                                    verticalOrigin: VerticalOrigin.BOTTOM,
+                                    heightReference: HeightReference.CLAMP_TO_GROUND
+                                }
+                            });
+                            CesiumEntityStyler.BakeDefaultColor({
+                                entity: billboard,
+                                viewer: this.viewer,
+                                colors: {
+                                    "billboard": Color.WHITE.clone()
+                                },
+                                refresh: false
+                            });
+                            this.register.AddRego({
+                                rego: {
+                                    // If we ever want the user to be able to create a Nextspace record-
+                                    //we must match this logic with the OSM logic.
+                                    entityId: itemId,
+                                    sourceId: itemId,
+                                    menuItemId: this.item.id,
+                                    menuItemType: this.item.Type,
+                                    priority: 0,
+                                    visual: billboard,
+                                    name: item.name
+                                },
+                                requestRender: false
+                            });
+                            if (this.Disposed) {
+                                return [3 /*break*/, 4];
+                            }
+                            _c.label = 3;
+                        case 3:
+                            i++;
+                            return [3 /*break*/, 1];
+                        case 4:
+                            if (this.Disposed) {
+                                this.register.RemoveRegos({
+                                    menuItemId: this.item.id,
+                                    requestRender: true
+                                });
+                                return [2 /*return*/];
+                            }
+                            this.viewer.scene.requestRender();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return Manager;
+    }());
+    GoogleSearchRenderManager$$1.Manager = Manager;
+})(GoogleSearchRenderManager || (GoogleSearchRenderManager = {}));
+function delay$1(milliseconds) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (res) {
+                    setTimeout(function () {
+                        res();
+                    }, milliseconds);
+                })];
+        });
+    });
+}
+/**
+ * Gets places of a certain type, eg: restaurant, schools, etc.
+ * We can then display this on the map.
+ * @param params
+ */
+function getPlaces(params) {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_d) {
+            // Works better with CORS.
+            // Does not allow a token to be passed in.
+            if ((_c = (_b = (_a = getGoogle()) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places) === null || _c === void 0 ? void 0 : _c.PlacesService) {
+                return [2 /*return*/, getPlacesThroughLib(params)];
+            }
+            // Dies in localhost with CORS errors.
+            return [2 /*return*/, getPlacesThroughHTTP(params)];
+        });
+    });
+}
+function getPlacesThroughHTTP(params) {
+    return __awaiter(this, void 0, void 0, function () {
+        var location, bounds, keyword, accessToken, isKeyValid, url, baseUrl, boundsStr, locationStr, baseUrl, locationStr, response, data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    location = params.location, bounds = params.bounds, keyword = params.keyword, accessToken = params.accessToken;
+                    if (!accessToken) {
+                        throw new Error("No access token provided");
+                    }
+                    return [4 /*yield*/, validateKeyForSearches(accessToken)];
+                case 1:
+                    isKeyValid = _a.sent();
+                    if (!isKeyValid) {
+                        throw new Error("Invalid Google API Key");
+                    }
+                    if (bounds) {
+                        baseUrl = "https://maps.googleapis.com/maps/api/place/textsearch/json";
+                        url = new URL(baseUrl);
+                        url.searchParams.append("key", accessToken);
+                        url.searchParams.append("query", keyword);
+                        boundsStr = "".concat(MathUtils.Round(bounds.south, 4), ",").concat(MathUtils.Round(bounds.west, 4), "|").concat(MathUtils.Round(bounds.north, 4), ",").concat(MathUtils.Round(bounds.east, 4));
+                        url.searchParams.append("bounds", boundsStr);
+                        locationStr = "".concat(MathUtils.Round(location.latitude, 4), ",").concat(MathUtils.Round(location.longitude, 4));
+                        url.searchParams.append("location", locationStr);
+                    }
+                    else {
+                        baseUrl = "https://maps.googleapis.com/maps/api/place/nearbysearch/json";
+                        url = new URL(baseUrl);
+                        url.searchParams.append("key", accessToken);
+                        url.searchParams.append("keyword", keyword);
+                        locationStr = "".concat(MathUtils.Round(location.latitude, 4), ",").concat(MathUtils.Round(location.longitude, 4));
+                        url.searchParams.append("location", locationStr);
+                        url.searchParams.append("radius", "1000");
+                    }
+                    return [4 /*yield*/, fetch(url.toString())];
+                case 2:
+                    response = _a.sent();
+                    if (!response.ok) {
+                        throw new Error("HTTP error! status: ".concat(response.status));
+                    }
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    data = _a.sent();
+                    if (data.status !== "OK") {
+                        throw new Error("API error! status: ".concat(data.status));
+                    }
+                    return [2 /*return*/, data.results];
+            }
+        });
+    });
+}
+function getPlacesThroughLib(params) {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function () {
+        var location, bounds, keyword;
+        return __generator(this, function (_d) {
+            location = params.location, bounds = params.bounds, keyword = params.keyword;
+            if (!getGoogle()) {
+                throw new Error("Google is not defined");
+            }
+            if (!_detailsService && ((_c = (_b = (_a = getGoogle()) === null || _a === void 0 ? void 0 : _a.maps) === null || _b === void 0 ? void 0 : _b.places) === null || _c === void 0 ? void 0 : _c.PlacesService)) {
+                _detailsService = new (getGoogle().maps.places.PlacesService)(document.createElement("div"));
+            }
+            return [2 /*return*/, new Promise(function (res, rej) {
+                    if (!(_detailsService === null || _detailsService === void 0 ? void 0 : _detailsService.nearbySearch)) {
+                        rej("Google is not defined");
+                    }
+                    var searchParams = {
+                        location: new (getGoogle().maps.LatLng)(location.latitude, location.longitude),
+                        radius: 1000,
+                        keyword: keyword
+                    };
+                    if (bounds) {
+                        searchParams["bounds"] = new (getGoogle().maps.LatLngBounds)(new (getGoogle().maps.LatLng)(bounds.south, bounds.west), new (getGoogle().maps.LatLng)(bounds.north, bounds.east));
+                    }
+                    _detailsService.nearbySearch(searchParams, function (results, status) {
+                        try {
+                            if (status === (getGoogle().maps.places.PlacesServiceStatus).OK) {
+                                res(results);
+                            }
+                            else {
+                                rej(status);
+                            }
+                        }
+                        catch (e) {
+                            rej(e);
+                        }
+                    });
+                })];
+        });
+    });
+}
+/**
+ * Returns if a google api token is valid or not for the geocoding service.
+ * @param apiKey
+ * @returns
+ */
+function validateKey(apiKey) {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, validateKeyForSearches(apiKey)];
+        });
+    });
+}
+var _validateKeyCache = new Map();
+/**
+ * Returns if a google api token is valid or not for the geocoding service.
+ * @param apiKey
+ * @returns
+ */
+function validateKeyForSearches(apiKey) {
+    return __awaiter(this, void 0, void 0, function () {
+        var prom;
+        var _this = this;
+        return __generator(this, function (_a) {
+            if (!apiKey) {
+                return [2 /*return*/, false];
+            }
+            if (_validateKeyCache.has(apiKey)) {
+                return [2 /*return*/, _validateKeyCache.get(apiKey)];
+            }
+            prom = new Promise(function (res, rej) { return __awaiter(_this, void 0, void 0, function () {
+                var url, response, data, e_3;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            url = "https://maps.googleapis.com/maps/api/geocode/json?address=invalid&key=".concat(apiKey);
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 4, , 5]);
+                            return [4 /*yield*/, fetch(url)];
+                        case 2:
+                            response = _a.sent();
+                            if (!response.ok) {
+                                console.error(response);
+                                res(false);
+                            }
+                            return [4 /*yield*/, response.json()];
+                        case 3:
+                            data = _a.sent();
+                            if (data.status === "REQUEST_DENIED") {
+                                console.error(data);
+                                res(false);
+                            }
+                            res(true);
+                            return [2 /*return*/];
+                        case 4:
+                            e_3 = _a.sent();
+                            console.error(e_3);
+                            return [3 /*break*/, 5];
+                        case 5:
+                            res(false);
+                            return [2 /*return*/];
+                    }
+                });
+            }); });
+            _validateKeyCache.set(apiKey, prom);
+            return [2 /*return*/, prom];
+        });
+    });
+}
+var _billboardCache$1 = new LRUCache(150);
+/**
+ * Calculates the resized dimensions while maintaining aspect ratio.
+ * @param originalWidth
+ * @param originalHeight
+ * @param targetWidth
+ * @param targetHeight
+ */
+function calculateBillboardSpace(originalWidth, originalHeight, targetWidth, targetHeight) {
+    var aspectRatio = originalWidth / originalHeight;
+    var newWidth = targetWidth;
+    var newHeight = targetHeight;
+    if (newWidth / newHeight > aspectRatio) {
+        newWidth = newHeight * aspectRatio;
+    }
+    else {
+        newHeight = newWidth / aspectRatio;
+    }
+    return { newWidth: newWidth, newHeight: newHeight };
+}
+/**
+ * Returns a billboard image with a circle of the given size and color.
+ * The image URL will be loaded and drawn on the center of the circle.
+ * The promise is cached so that the same image is not loaded multiple times.
+ * @param url
+ * @param bgColor
+ * @param width
+ * @param height
+ */
+function createBillboardImage(url, bgColor, size) {
+    return __awaiter(this, void 0, void 0, function () {
+        var key, cacheData, IMAGE_PADDING, prom;
+        var _this = this;
+        return __generator(this, function (_a) {
+            key = "".concat(url, "-").concat(bgColor, "-").concat(size);
+            cacheData = _billboardCache$1.Get(key);
+            if (cacheData) {
+                return [2 /*return*/, cacheData];
+            }
+            IMAGE_PADDING = 8;
+            prom = new Promise(function (res, rej) { return __awaiter(_this, void 0, void 0, function () {
+                var response, blob, image_1, e_4;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            _a.trys.push([0, 3, , 4]);
+                            return [4 /*yield*/, fetch(url)];
+                        case 1:
+                            response = _a.sent();
+                            return [4 /*yield*/, response.blob()];
+                        case 2:
+                            blob = _a.sent();
+                            image_1 = new Image();
+                            image_1.onload = function () {
+                                var canvas = document.createElement("canvas");
+                                canvas.width = size;
+                                canvas.height = size;
+                                var context = canvas.getContext("2d");
+                                // Calculate padding and available space.
+                                var availableSize = size - 2 * IMAGE_PADDING;
+                                // Calculate resized dimensions preserving aspect ratio.
+                                var _a = calculateBillboardSpace(image_1.width, image_1.height, availableSize, availableSize), newWidth = _a.newWidth, newHeight = _a.newHeight;
+                                // Draw the circular background.
+                                context.beginPath();
+                                context.arc(size / 2, size / 2, size / 2, 0, 2 * Math.PI, false);
+                                context.fillStyle = bgColor;
+                                context.fill();
+                                // Draw the image centered within the circle.
+                                var offsetX = (size - newWidth) / 2;
+                                var offsetY = (size - newHeight) / 2;
+                                context.drawImage(image_1, offsetX, offsetY, newWidth, newHeight);
+                                // Draw a 2px darkened border around the circle.
+                                context.beginPath();
+                                context.arc(size / 2, size / 2, size / 2 - 1, 0, 2 * Math.PI, false);
+                                context.lineWidth = 1;
+                                context.strokeStyle = "rgba(0, 0, 0, 0.3)";
+                                context.stroke();
+                                res(canvas);
+                            };
+                            image_1.onerror = function (e) { return rej(e); };
+                            image_1.src = URL.createObjectURL(blob);
+                            return [3 /*break*/, 4];
+                        case 3:
+                            e_4 = _a.sent();
+                            rej(e_4);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); });
+            _billboardCache$1.Set(key, prom);
+            return [2 /*return*/, prom];
+        });
+    });
+}
+var _detailsService = null;
+function getGoogle() {
+    return window["google"];
+}
+
 /**
  * Utility to keep track of enabled menu items within a Cesium viewer.
  */
@@ -18444,6 +19057,15 @@ var MenuItemManager;
                             viewer: this.viewer,
                         });
                         break;
+                    case MenuItem.EType.GoogleSearch:
+                        rItem.renderManager = new GoogleSearchRenderManager.Manager({
+                            item: params.item,
+                            monitor: this.sharedMonitor,
+                            register: this.visualsRegister,
+                            viewer: this.viewer,
+                            getters: params.getters
+                        });
+                        break;
                     // Any "none" type can be ignored. These are just containers for other items.
                     case MenuItem.EType.None:
                         break;
@@ -22504,6 +23126,8 @@ function assertIteration(viewer, iteration) {
 }
 var DEFAULT_BING_KEY = "AqL0uYT5T84jiJeX55_b9zJeeP3MX2p1WLOHH4ljIEPZ7ZL2M81bYLzyYeSwuzzl";
 var DEFAULT_MAPBOX_KEY = "pk.eyJ1IjoiYWxleHRodW5kZXIiLCJhIjoiY2psbHJxbnN5MTBvbzNxczZwMHNpeTI0MCJ9.fdoj2QW_7n8RV4e0NCFgZA";
+var DEFAULT_STAMEN_KEY = "a652e5f2-8d9e-4706-a9d9-d5daa7d4c89e";
+var DEFAULT_THUNDERFOREST_KEY = "c3c1b64fbb5240be8e0d284a01e33107";
 var re = /[\0-\x1F\x7F-\x9F\xAD\u0378\u0379\u037F-\u0383\u038B\u038D\u03A2\u0528-\u0530\u0557\u0558\u0560\u0588\u058B-\u058E\u0590\u05C8-\u05CF\u05EB-\u05EF\u05F5-\u0605\u061C\u061D\u06DD\u070E\u070F\u074B\u074C\u07B2-\u07BF\u07FB-\u07FF\u082E\u082F\u083F\u085C\u085D\u085F-\u089F\u08A1\u08AD-\u08E3\u08FF\u0978\u0980\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09FC-\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF2-\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B55\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B78-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BFB-\u0C00\u0C04\u0C0D\u0C11\u0C29\u0C34\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5A-\u0C5F\u0C64\u0C65\u0C70-\u0C77\u0C80\u0C81\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0D01\u0D04\u0D0D\u0D11\u0D3B\u0D3C\u0D45\u0D49\u0D4F-\u0D56\u0D58-\u0D5F\u0D64\u0D65\u0D76-\u0D78\u0D80\u0D81\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DF1\u0DF5-\u0E00\u0E3B-\u0E3E\u0E5C-\u0E80\u0E83\u0E85\u0E86\u0E89\u0E8B\u0E8C\u0E8E-\u0E93\u0E98\u0EA0\u0EA4\u0EA6\u0EA8\u0EA9\u0EAC\u0EBA\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F48\u0F6D-\u0F70\u0F98\u0FBD\u0FCD\u0FDB-\u0FFF\u10C6\u10C8-\u10CC\u10CE\u10CF\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u137D-\u137F\u139A-\u139F\u13F5-\u13FF\u169D-\u169F\u16F1-\u16FF\u170D\u1715-\u171F\u1737-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17DE\u17DF\u17EA-\u17EF\u17FA-\u17FF\u180F\u181A-\u181F\u1878-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191D-\u191F\u192C-\u192F\u193C-\u193F\u1941-\u1943\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DB-\u19DD\u1A1C\u1A1D\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1A9F\u1AAE-\u1AFF\u1B4C-\u1B4F\u1B7D-\u1B7F\u1BF4-\u1BFB\u1C38-\u1C3A\u1C4A-\u1C4C\u1C80-\u1CBF\u1CC8-\u1CCF\u1CF7-\u1CFF\u1DE7-\u1DFB\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FC5\u1FD4\u1FD5\u1FDC\u1FF0\u1FF1\u1FF5\u1FFF\u200B-\u200F\u202A-\u202E\u2060-\u206F\u2072\u2073\u208F\u209D-\u209F\u20BB-\u20CF\u20F1-\u20FF\u218A-\u218F\u23F4-\u23FF\u2427-\u243F\u244B-\u245F\u2700\u2B4D-\u2B4F\u2B5A-\u2BFF\u2C2F\u2C5F\u2CF4-\u2CF8\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D71-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E3C-\u2E7F\u2E9A\u2EF4-\u2EFF\u2FD6-\u2FEF\u2FFC-\u2FFF\u3040\u3097\u3098\u3100-\u3104\u312E-\u3130\u318F\u31BB-\u31BF\u31E4-\u31EF\u321F\u32FF\u4DB6-\u4DBF\u9FCD-\u9FFF\uA48D-\uA48F\uA4C7-\uA4CF\uA62C-\uA63F\uA698-\uA69E\uA6F8-\uA6FF\uA78F\uA794-\uA79F\uA7AB-\uA7F7\uA82C-\uA82F\uA83A-\uA83F\uA878-\uA87F\uA8C5-\uA8CD\uA8DA-\uA8DF\uA8FC-\uA8FF\uA954-\uA95E\uA97D-\uA97F\uA9CE\uA9DA-\uA9DD\uA9E0-\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A\uAA5B\uAA7C-\uAA7F\uAAC3-\uAADA\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F-\uABBF\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBC2-\uFBD2\uFD40-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFE\uFDFF\uFE1A-\uFE1F\uFE27-\uFE2F\uFE53\uFE67\uFE6C-\uFE6F\uFE75\uFEFD-\uFF00\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFDF\uFFE7\uFFEF-\uFFFB\uFFFE\uFFFF]/g;
 /**
  * Prepares a legacy imagery name for comparison.
@@ -22705,10 +23329,10 @@ function findKey(apiGetter, keyId, defaultKey) {
  */
 function renderDefaultMapTile(apiGetter, id) {
     return __awaiter(this, void 0, void 0, function () {
-        var CESIUM, provider, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-        var _y, _z, _0, _1, _2, _3, _4, _5, _6;
-        return __generator(this, function (_7) {
-            switch (_7.label) {
+        var CESIUM, provider, _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
+        var _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26;
+        return __generator(this, function (_27) {
+            switch (_27.label) {
                 case 0:
                     CESIUM = Cesium;
                     _a = id;
@@ -22725,210 +23349,230 @@ function renderDefaultMapTile(apiGetter, id) {
                         case ProjectViewTile.EDefaultImagery.OpenStreetMap: return [3 /*break*/, 37];
                         case ProjectViewTile.EDefaultImagery.LINZ: return [3 /*break*/, 38];
                         case ProjectViewTile.EDefaultImagery.StamenWaterColor: return [3 /*break*/, 39];
-                        case ProjectViewTile.EDefaultImagery.StamenToner: return [3 /*break*/, 40];
-                        case ProjectViewTile.EDefaultImagery.ThunderforestCycle: return [3 /*break*/, 41];
-                        case ProjectViewTile.EDefaultImagery.ThunderforestTransport: return [3 /*break*/, 42];
-                        case ProjectViewTile.EDefaultImagery.ThunderforestLandscape: return [3 /*break*/, 43];
-                        case ProjectViewTile.EDefaultImagery.Grid: return [3 /*break*/, 44];
+                        case ProjectViewTile.EDefaultImagery.StamenToner: return [3 /*break*/, 41];
+                        case ProjectViewTile.EDefaultImagery.ThunderforestCycle: return [3 /*break*/, 43];
+                        case ProjectViewTile.EDefaultImagery.ThunderforestTransport: return [3 /*break*/, 45];
+                        case ProjectViewTile.EDefaultImagery.ThunderforestLandscape: return [3 /*break*/, 47];
+                        case ProjectViewTile.EDefaultImagery.Grid: return [3 /*break*/, 49];
                     }
-                    return [3 /*break*/, 45];
+                    return [3 /*break*/, 50];
                 case 1:
                     if (!BingMapsImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 4];
                     _c = (_b = CESIUM.BingMapsImageryProvider).fromUrl;
                     _d = ["https://dev.virtualearth.net"];
-                    _y = {
+                    _13 = {
                         mapStyle: BingMapsStyle.AERIAL
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
-                case 2: return [4 /*yield*/, _c.apply(_b, _d.concat([(_y.key = _7.sent(),
-                            _y)]))];
+                case 2: return [4 /*yield*/, _c.apply(_b, _d.concat([(_13.key = _27.sent(),
+                            _13)]))];
                 case 3:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 6];
                 case 4:
                     _f = (_e = CESIUM.BingMapsImageryProvider).bind;
-                    _z = {
+                    _14 = {
                         url: "https://dev.virtualearth.net",
                         mapStyle: BingMapsStyle.AERIAL
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
                 case 5:
-                    provider = new (_f.apply(_e, [void 0, (_z.key = _7.sent(),
-                            _z)]))();
-                    _7.label = 6;
-                case 6: return [3 /*break*/, 45];
+                    provider = new (_f.apply(_e, [void 0, (_14.key = _27.sent(),
+                            _14)]))();
+                    _27.label = 6;
+                case 6: return [3 /*break*/, 50];
                 case 7:
                     if (!BingMapsImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 10];
                     _h = (_g = CESIUM.BingMapsImageryProvider).fromUrl;
                     _j = ["https://dev.virtualearth.net"];
-                    _0 = {
+                    _15 = {
                         mapStyle: BingMapsStyle.AERIAL_WITH_LABELS
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
-                case 8: return [4 /*yield*/, _h.apply(_g, _j.concat([(_0.key = _7.sent(),
-                            _0)]))];
+                case 8: return [4 /*yield*/, _h.apply(_g, _j.concat([(_15.key = _27.sent(),
+                            _15)]))];
                 case 9:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 12];
                 case 10:
                     _l = (_k = CESIUM.BingMapsImageryProvider).bind;
-                    _1 = {
+                    _16 = {
                         url: "https://dev.virtualearth.net",
                         mapStyle: BingMapsStyle.AERIAL_WITH_LABELS
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
                 case 11:
-                    provider = new (_l.apply(_k, [void 0, (_1.key = _7.sent(),
-                            _1)]))();
-                    _7.label = 12;
-                case 12: return [3 /*break*/, 45];
+                    provider = new (_l.apply(_k, [void 0, (_16.key = _27.sent(),
+                            _16)]))();
+                    _27.label = 12;
+                case 12: return [3 /*break*/, 50];
                 case 13:
                     if (!BingMapsImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 16];
                     _o = (_m = CESIUM.BingMapsImageryProvider).fromUrl;
                     _p = ["https://dev.virtualearth.net"];
-                    _2 = {
+                    _17 = {
                         mapStyle: BingMapsStyle.ROAD_ON_DEMAND
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
-                case 14: return [4 /*yield*/, _o.apply(_m, _p.concat([(_2.key = _7.sent(),
-                            _2)]))];
+                case 14: return [4 /*yield*/, _o.apply(_m, _p.concat([(_17.key = _27.sent(),
+                            _17)]))];
                 case 15:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 18];
                 case 16:
                     _r = (_q = CESIUM.BingMapsImageryProvider).bind;
-                    _3 = {
+                    _18 = {
                         url: "https://dev.virtualearth.net",
                         mapStyle: BingMapsStyle.ROAD_ON_DEMAND
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.BingMaps, DEFAULT_BING_KEY)];
                 case 17:
-                    provider = new (_r.apply(_q, [void 0, (_3.key = _7.sent(),
-                            _3)]))();
-                    _7.label = 18;
-                case 18: return [3 /*break*/, 45];
+                    provider = new (_r.apply(_q, [void 0, (_18.key = _27.sent(),
+                            _18)]))();
+                    _27.label = 18;
+                case 18: return [3 /*break*/, 50];
                 case 19:
                     _t = (_s = MapboxImageryProvider).bind;
-                    _4 = {
+                    _19 = {
                         mapId: "mapbox.satellite"
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Mapbox, DEFAULT_MAPBOX_KEY)];
                 case 20:
-                    provider = new (_t.apply(_s, [void 0, (_4.accessToken = _7.sent(),
-                            _4)]))();
-                    return [3 /*break*/, 45];
+                    provider = new (_t.apply(_s, [void 0, (_19.accessToken = _27.sent(),
+                            _19)]))();
+                    return [3 /*break*/, 50];
                 case 21:
                     _v = (_u = MapboxStyleImageryProvider).bind;
-                    _5 = {
+                    _20 = {
                         styleId: "satellite-streets-v11"
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Mapbox, DEFAULT_MAPBOX_KEY)];
                 case 22:
-                    provider = new (_v.apply(_u, [void 0, (_5.accessToken = _7.sent(),
-                            _5)]))();
-                    return [3 /*break*/, 45];
+                    provider = new (_v.apply(_u, [void 0, (_20.accessToken = _27.sent(),
+                            _20)]))();
+                    return [3 /*break*/, 50];
                 case 23:
                     _x = (_w = MapboxStyleImageryProvider).bind;
-                    _6 = {
+                    _21 = {
                         styleId: "streets-v11"
                     };
                     return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Mapbox, DEFAULT_MAPBOX_KEY)];
                 case 24:
-                    provider = new (_x.apply(_w, [void 0, (_6.accessToken = _7.sent(),
-                            _6)]))();
-                    return [3 /*break*/, 45];
+                    provider = new (_x.apply(_w, [void 0, (_21.accessToken = _27.sent(),
+                            _21)]))();
+                    return [3 /*break*/, 50];
                 case 25:
                     if (!ArcGisMapServerImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 27];
                     return [4 /*yield*/, CESIUM.ArcGisMapServerImageryProvider.fromUrl("https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer", {
                             enablePickFeatures: false
                         })];
                 case 26:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 28];
                 case 27:
                     provider = new CESIUM.ArcGisMapServerImageryProvider({
                         url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
                         enablePickFeatures: false
                     });
-                    _7.label = 28;
-                case 28: return [3 /*break*/, 45];
+                    _27.label = 28;
+                case 28: return [3 /*break*/, 50];
                 case 29:
                     if (!ArcGisMapServerImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 31];
                     return [4 /*yield*/, CESIUM.ArcGisMapServerImageryProvider.fromUrl("https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer", {
                             enablePickFeatures: false
                         })];
                 case 30:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 32];
                 case 31:
                     provider = new CESIUM.ArcGisMapServerImageryProvider({
                         url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",
                         enablePickFeatures: false
                     });
-                    _7.label = 32;
-                case 32: return [3 /*break*/, 45];
+                    _27.label = 32;
+                case 32: return [3 /*break*/, 50];
                 case 33:
                     if (!CESIUM.ArcGisMapServerImageryProvider.hasOwnProperty("fromUrl")) return [3 /*break*/, 35];
                     return [4 /*yield*/, CESIUM.ArcGisMapServerImageryProvider.fromUrl("https://services.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/", {
                             enablePickFeatures: false
                         })];
                 case 34:
-                    provider = _7.sent();
+                    provider = _27.sent();
                     return [3 /*break*/, 36];
                 case 35:
                     provider = new CESIUM.ArcGisMapServerImageryProvider({
                         url: "https://services.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/",
                         enablePickFeatures: false
                     });
-                    _7.label = 36;
-                case 36: return [3 /*break*/, 45];
+                    _27.label = 36;
+                case 36: return [3 /*break*/, 50];
                 case 37:
                     provider = new OpenStreetMapImageryProvider({
                         url: "https://a.tile.openstreetmap.org/"
                     });
-                    return [3 /*break*/, 45];
+                    return [3 /*break*/, 50];
                 case 38:
                     provider = new OpenStreetMapImageryProvider({
                         url: "https://s3-ap-southeast-2.amazonaws.com/digitalnewzealand/PROD/Tilesets/nz-img",
                         fileExtension: "jpg"
                     });
-                    return [3 /*break*/, 45];
+                    return [3 /*break*/, 50];
                 case 39:
-                    provider = provider = new UrlTemplateImageryProvider({
-                        url: 'https://tiles.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg?api_key=a652e5f2-8d9e-4706-a9d9-d5daa7d4c89e',
-                        credit: '© Stadia Maps, © OpenMapTiles © OpenStreetMap contributors',
-                        maximumLevel: 16
-                    });
-                    return [3 /*break*/, 45];
+                    _z = (_y = UrlTemplateImageryProvider).bind;
+                    _22 = {};
+                    _0 = "https://tiles.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg?api_key=".concat;
+                    return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.StadiaMaps, DEFAULT_STAMEN_KEY)];
                 case 40:
-                    provider = new UrlTemplateImageryProvider({
-                        url: 'https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}.png?api_key=a652e5f2-8d9e-4706-a9d9-d5daa7d4c89e',
-                        credit: '© Stadia Maps, © OpenMapTiles © OpenStreetMap contributors',
-                        maximumLevel: 18
-                    });
-                    return [3 /*break*/, 45];
+                    provider = provider = new (_z.apply(_y, [void 0, (_22.url = _0.apply("https://tiles.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg?api_key=", [_27.sent()]),
+                            _22.credit = '© Stadia Maps, © OpenMapTiles © OpenStreetMap contributors',
+                            _22.maximumLevel = 16,
+                            _22)]))();
+                    return [3 /*break*/, 50];
                 case 41:
-                    provider = new UrlTemplateImageryProvider({
-                        url: 'https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=c3c1b64fbb5240be8e0d284a01e33107',
-                        credit: '© Thunderforest, © OpenStreetMap contributors',
-                        maximumLevel: 22
-                    });
-                    return [3 /*break*/, 45];
+                    _2 = (_1 = UrlTemplateImageryProvider).bind;
+                    _23 = {};
+                    _3 = "https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}.png?api_key=".concat;
+                    return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.StadiaMaps, DEFAULT_STAMEN_KEY)];
                 case 42:
-                    provider = new UrlTemplateImageryProvider({
-                        url: 'https://tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey=c3c1b64fbb5240be8e0d284a01e33107',
-                        credit: '© Thunderforest, © OpenStreetMap contributors',
-                        maximumLevel: 22
-                    });
-                    return [3 /*break*/, 45];
+                    provider = new (_2.apply(_1, [void 0, (_23.url = _3.apply("https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}.png?api_key=", [_27.sent()]),
+                            _23.credit = '© Stadia Maps, © OpenMapTiles © OpenStreetMap contributors',
+                            _23.maximumLevel = 18,
+                            _23)]))();
+                    return [3 /*break*/, 50];
                 case 43:
-                    provider = new UrlTemplateImageryProvider({
-                        url: 'https://tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey=c3c1b64fbb5240be8e0d284a01e33107',
-                        credit: '© Thunderforest, © OpenStreetMap contributors',
-                        maximumLevel: 22
-                    });
-                    return [3 /*break*/, 45];
+                    _5 = (_4 = UrlTemplateImageryProvider).bind;
+                    _24 = {};
+                    _6 = "https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=".concat;
+                    return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Thunderforest, DEFAULT_THUNDERFOREST_KEY)];
                 case 44:
+                    provider = new (_5.apply(_4, [void 0, (_24.url = _6.apply("https://tile.thunderforest.com/cycle/{z}/{x}/{y}.png?apikey=", [_27.sent()]),
+                            _24.credit = '© Thunderforest, © OpenStreetMap contributors',
+                            _24.maximumLevel = 22,
+                            _24)]))();
+                    return [3 /*break*/, 50];
+                case 45:
+                    _8 = (_7 = UrlTemplateImageryProvider).bind;
+                    _25 = {};
+                    _9 = "https://tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey=".concat;
+                    return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Thunderforest, DEFAULT_THUNDERFOREST_KEY)];
+                case 46:
+                    provider = new (_8.apply(_7, [void 0, (_25.url = _9.apply("https://tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey=", [_27.sent()]),
+                            _25.credit = '© Thunderforest, © OpenStreetMap contributors',
+                            _25.maximumLevel = 22,
+                            _25)]))();
+                    return [3 /*break*/, 50];
+                case 47:
+                    _11 = (_10 = UrlTemplateImageryProvider).bind;
+                    _26 = {};
+                    _12 = "https://tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey=".concat;
+                    return [4 /*yield*/, findKey(apiGetter, ProgramKey.EProgramId.Thunderforest, DEFAULT_THUNDERFOREST_KEY)];
+                case 48:
+                    provider = new (_11.apply(_10, [void 0, (_26.url = _12.apply("https://tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey=", [_27.sent()]),
+                            _26.credit = '© Thunderforest, © OpenStreetMap contributors',
+                            _26.maximumLevel = 22,
+                            _26)]))();
+                    return [3 /*break*/, 50];
+                case 49:
                     provider = new GridImageryProvider({
                         tilingScheme: new GeographicTilingScheme(),
                         cells: 0,
@@ -22940,8 +23584,8 @@ function renderDefaultMapTile(apiGetter, id) {
                         tileHeight: 256,
                         canvasSize: 256
                     });
-                    return [3 /*break*/, 45];
-                case 45: return [2 /*return*/, provider];
+                    return [3 /*break*/, 50];
+                case 50: return [2 /*return*/, provider];
             }
         });
     });
@@ -24673,7 +25317,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "4.0.9";
+var VERSION = "4.1.1";
 
-export { VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline };
+export { VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, GoogleSearchRenderManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, CESIUM_TIMELINE_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, CesiumEntityStyler, CesiumAnimatedProperty, CesiumAnimatedInOut, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map