bruce-cesium 4.0.8 → 4.1.0

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, DistanceDisplayCondition, NearFarScalar, Model, ColorMaterialProperty, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, SceneMode, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, EllipsoidGeodesic, sampleTerrainMostDetailed, defined, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, ClockRange, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, SceneMode, DistanceDisplayCondition, NearFarScalar, Model, ColorMaterialProperty, Entity, HorizontalOrigin, VerticalOrigin, ConstantProperty, ConstantPositionProperty, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, ColorBlendMode, HeadingPitchRoll, Transforms, Primitive, Cesium3DTileFeature, GeoJsonDataSource, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, UrlTemplateImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, ClockRange, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -344,16 +344,19 @@ var CesiumViewMonitor;
             this.destroyEntity();
         };
         Monitor.prototype.tryDoUpdate = function () {
-            var _a;
+            var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
                 var viewRect, center, camera, terrData, cameraPosition, terrHeight, viewRectRad, windowPosition, intersection, point, viewRectRad, centerLong, centerLat;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             if (!this.viewer || this.viewer.isDestroyed()) {
                                 this.Dispose();
                                 return [2 /*return*/, ESearchStatus.LocationMissing];
                             }
+                            if (!this.viewer.container || ((_a = this.viewer.container.style) === null || _a === void 0 ? void 0 : _a.display) == "none") {
+                                return [2 /*return*/, ESearchStatus.LocationMissing];
+                            }
                             viewRect = null;
                             center = null;
                             camera = this.viewer.camera;
@@ -362,7 +365,7 @@ var CesiumViewMonitor;
                                     viewer: this.viewer
                                 })];
                         case 1:
-                            terrData = _b.sent();
+                            terrData = _c.sent();
                             cameraPosition = this.viewer.camera.positionCartographic;
                             terrHeight = terrData.error ? cameraPosition.height + DEFAULT_GROUNDED_HEIGHT : terrData.height;
                             // We are almost at the ground, screw horizon, just load around.
@@ -419,7 +422,7 @@ var CesiumViewMonitor;
                                 viewRect.west = Math.min(viewRect.west, centerLong - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
                                 viewRect.south = Math.min(viewRect.south, centerLat - (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
                                 viewRect.north = Math.max(viewRect.north, centerLat + (MINIMUM_VIEW_AREA_SIZE_DEGREES / 2));
-                                viewRect.alt = (_a = this.viewer.scene.camera.positionCartographic) === null || _a === void 0 ? void 0 : _a.height;
+                                viewRect.alt = (_b = this.viewer.scene.camera.positionCartographic) === null || _b === void 0 ? void 0 : _b.height;
                             }
                             if (center && viewRect) {
                                 if ((!this.target || (this.target && !arePosEqual(this.target, center))) ||
@@ -9369,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; });
@@ -11238,6 +11241,7 @@ var EntitiesRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -11374,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"],
@@ -12112,6 +12117,7 @@ var EntitiesLoadedRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -12216,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"],
@@ -12733,6 +12740,7 @@ var EntitiesIdsRenderManager;
                                     var rego = {
                                         entityId: entityId,
                                         menuItemId: _this.item.id,
+                                        menuItemType: _this.item.Type,
                                         visual: thing,
                                         priority: 0,
                                         entityTypeId: group.entityTypeId,
@@ -12828,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"],
@@ -13047,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"],
@@ -14373,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(),
@@ -15582,6 +15593,7 @@ var TilesetOsmRenderManager;
                                 rego = {
                                     entityId: bruceId,
                                     menuItemId: this.item.id,
+                                    menuItemType: this.item.Type,
                                     priority: 0,
                                     visual: feature,
                                     entityTypeId: this.entityTypeId,
@@ -15874,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,
@@ -16514,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(),
@@ -16961,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,
@@ -17392,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,
@@ -17729,6 +17745,7 @@ var DataSourceStaticCsvManager;
                                             rego: {
                                                 entityId: vehicleEntityId,
                                                 menuItemId: this.item.id,
+                                                menuItemType: this.item.Type,
                                                 priority: 0,
                                                 visual: vehicleEntity,
                                                 accountId: this.apiGetter.accountId,
@@ -17750,6 +17767,7 @@ var DataSourceStaticCsvManager;
                                                 rego: {
                                                     entityId: nextspaceEntityId,
                                                     menuItemId: this.item.id,
+                                                    menuItemType: this.item.Type,
                                                     priority: 0,
                                                     visual: entity,
                                                     accountId: this.apiGetter.accountId,
@@ -18154,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.
  */
@@ -18441,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;
@@ -21796,10 +22421,15 @@ function backgroundRendering(viewer) {
     }
     viewer[BACKGROUND_RENDERING_KEY] = true;
     var interval = setInterval(function () {
+        var _a;
         if (!(viewer === null || viewer === void 0 ? void 0 : viewer.cesiumWidget) || !(viewer === null || viewer === void 0 ? void 0 : viewer.scene) || viewer.isDestroyed()) {
             clearInterval(interval);
             return;
         }
+        // We'll ignore the call if the viewer container is not visible.
+        if (!viewer.container || ((_a = viewer.container.style) === null || _a === void 0 ? void 0 : _a.display) == "none") {
+            return;
+        }
         try {
             // Check if last render time is greater than 3 seconds ago.
             // We check in case something else is also requesting renders.
@@ -24665,7 +25295,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "4.0.8";
+var VERSION = "4.1.0";
 
-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