Added OverlaySynchronizer

Author: jbo023

Cesium.externs.js

@@ -886,6 +886,19 @@ Cesium.Cartesian3.distance = function(left, right) {};
 Cesium.Cartesian3.angleBetween = function(left, right) {};
 
 
+/**
+ * @param {Array.<number>} degrees
+ * @return {Array.<Cesium.Cartesian3>}
+ */
+Cesium.Cartesian3.fromDegreesArray = function(degrees) {};
+/**
+ * @param {Array.<number>} degrees
+ * @return {Array.<Cesium.Cartesian3>}
+ */
+Cesium.Cartesian3.fromDegreesArrayHeights = function(degrees) {};
+
+
+
 
 /**
  * @constructor
@@ -2372,6 +2385,14 @@ Cesium.PerspectiveFrustrum.prototype.near;
  */
 Cesium.PerspectiveFrustrum.prototype.projectionMatrix;
 
+/**
+ * @param {Cesium.Cartesian3} position
+ * @param {Cesium.Cartesian3} direction
+ * @param {Cesium.Cartesian3} up
+ * @return {Cesium.CullingVolume}
+ */
+Cesium.PerspectiveFrustrum.prototype.computeCullingVolume = function(position, direction, up) {};
+
 
 /**
  * @param {!number} drawingBufferWidth
@@ -2575,6 +2596,11 @@ Cesium.Scene.prototype.skyAtmosphere;
  */
 Cesium.Scene.prototype.maximumAliasedLineWidth;
 
+/**
+ * @param {Cesium.Cartesian3} value
+ * @return {Cesium.Cartesian2}
+ */
+Cesium.Scene.prototype.cartesianToCanvasCoordinates = function(value) {};
 
 /**
  * @typedef {{
@@ -3378,9 +3404,11 @@ Cesium.EventHelper.prototype.removeAll = function() {};
 
 
 /**
+ * @param {Cesium.Cartesian3=} center
+ * @param {number=} radius
  * @constructor
  */
-Cesium.BoundingSphere = function() {};
+Cesium.BoundingSphere = function(center, radius) {};
 
 
 /**
@@ -3422,3 +3450,37 @@ Cesium.EntityView.prototype.update = function(currentTime, bs) {};
  * @constructor
  */
 Cesium.CallbackProperty = function(cb, constant) {};
+
+/**
+ * @param {Cesium.BoundingSphere} occluderBoundingSphere
+ * @param {Cesium.Cartesian3} cameraPosition
+ * @constructor
+ */
+Cesium.Occluder = function(occluderBoundingSphere, cameraPosition) {};
+
+/**
+ * @param {Cesium.Cartesian3} occludee
+ */
+Cesium.Occluder.prototype.isPointVisible  = function(occludee) {};
+
+/**
+ * @enum {number}
+ */
+Cesium.Intersect = {
+  OUTSIDE: -1,
+  INTERSECTING: 0,
+  INSIDE: 1
+};
+
+
+/**
+ * @param {Array.<Cesium.Cartesian4>} planes
+ * @constructor
+ */
+Cesium.CullingVolume = function(planes) {};
+
+/**
+ * @param {Object} boundingVolume
+ * @return {Cesium.Intersect}
+ */
+Cesium.Occluder.prototype.computeVisibility  = function(boundingVolume) {};

css/olcs.css

@@ -0,0 +1,3 @@
+.olcs-hideoverlay .ol-overlay-container {
+    visibility:hidden;
+}

src/olcs/olcesium.js

@@ -12,6 +12,7 @@ goog.require('olcs.AutoRenderLoop');
 goog.require('olcs.Camera');
 goog.require('olcs.RasterSynchronizer');
 goog.require('olcs.VectorSynchronizer');
+goog.require('olcs.OverlaySynchronizer');
 
 
 
@@ -210,7 +211,8 @@ olcs.OLCesium = function(options) {
   const synchronizers = options.createSynchronizers ?
     options.createSynchronizers(this.map_, this.scene_, this.dataSourceCollection_) : [
       new olcs.RasterSynchronizer(this.map_, this.scene_),
-      new olcs.VectorSynchronizer(this.map_, this.scene_)
+      new olcs.VectorSynchronizer(this.map_, this.scene_),
+      new olcs.OverlaySynchronizer(this.map_, this.scene_)
     ];
 
   // Assures correct canvas size after initialisation
@@ -532,6 +534,15 @@ olcs.OLCesium.prototype.getEnabled = function() {
   return this.enabled_;
 };
 
+/**
+ * @return {Element}
+ * @api
+ */
+olcs.OLCesium.prototype.getCanvas = function() {
+  const viewport = this.map_.getViewport();
+  return viewport.firstElementChild;
+};
+
 
 /**
  * Enables/disables the Cesium.
@@ -563,7 +574,11 @@ olcs.OLCesium.prototype.setEnabled = function(enable) {
         this.hiddenRootGroup_ = rootGroup;
         this.hiddenRootGroup_.setVisible(false);
       }
+
+      this.map_.getOverlayContainer().classList.add('olcs-hideoverlay');
+      this.map_.getOverlayContainerStopEvent().classList.add('olcs-hideoverlay');
     }
+
     this.camera_.readFromView();
     this.render_();
   } else {
@@ -573,7 +588,8 @@ olcs.OLCesium.prototype.setEnabled = function(enable) {
         interactions.push(interaction);
       });
       this.pausedInteractions_.length = 0;
-
+      this.map_.getOverlayContainer().classList.remove('olcs-hideoverlay');
+      this.map_.getOverlayContainerStopEvent().classList.remove('olcs-hideoverlay');
       if (this.hiddenRootGroup_) {
         this.hiddenRootGroup_.setVisible(true);
         this.hiddenRootGroup_ = null;
@@ -709,3 +725,4 @@ olcs.OLCesium.prototype.throwOnUnitializedMap_ = function() {
     throw new Error(`The OpenLayers map is not properly initialized: ${center} / ${view.getResolution()}`);
   }
 };
+