@vcmap/core 5.0.0-rc.24 → 5.0.0-rc.26

package/src/layer/featureLayer.js

@@ -2,6 +2,7 @@ import Style from 'ol/style/Style.js';
 
 import { check } from '@vcsuite/check';
 import { parseInteger } from '@vcsuite/parsers';
+import { SplitDirection } from '@vcmap-cesium/engine';
 import Layer from './layer.js';
 import StyleItem from '../style/styleItem.js';
 import VectorStyleItem from '../style/vectorStyleItem.js';
@@ -14,6 +15,7 @@ import { layerClassRegistry } from '../classRegistry.js';
  * @typedef {LayerOptions} FeatureLayerOptions
  * @property {DeclarativeStyleItemOptions|VectorStyleItemOptions|import("@vcmap/core").StyleItem|undefined} style
  * @property {number} [balloonHeightOffset=10]
+ * @property {string|undefined} splitDirection - either 'left' or 'right', if omitted none is applied (for 3D Vector currently only Models are split-able)
  * @property {FeatureVisibility|undefined} featureVisibility - vcs:undocumented
  * @api
  */
@@ -21,6 +23,7 @@ import { layerClassRegistry } from '../classRegistry.js';
 /**
  * @typedef {LayerImplementationOptions} FeatureLayerImplementationOptions
  * @property {GlobalHider} globalHider
+ * @property {import("@vcmap-cesium/engine").SplitDirection} splitDirection
  * @property {FeatureVisibility} featureVisibility
  * @property {import("@vcmap/core").StyleItem} style
  * @api
@@ -37,6 +40,7 @@ import { layerClassRegistry } from '../classRegistry.js';
 /**
  * @typedef {import("@vcmap/core").LayerImplementation<import("@vcmap/core").VcsMap>} FeatureLayerImplementation
  * @property {function(import("@vcmap/core").StyleItem, boolean=):void} updateStyle
+ * @property {function(import("@vcmap-cesium/engine").SplitDirection):void} updateSplitDirection
  */
 
 /**
@@ -44,6 +48,7 @@ import { layerClassRegistry } from '../classRegistry.js';
  * @class
  * @abstract
  * @extends {Layer}
+ * @implements {SplitLayer}
  * @api
  */
 class FeatureLayer extends Layer {
@@ -58,6 +63,7 @@ class FeatureLayer extends Layer {
       ...Layer.getDefaultOptions(),
       style: undefined,
       balloonHeightOffset: 10,
+      splitDirection: undefined,
     };
   }
 
@@ -90,6 +96,21 @@ class FeatureLayer extends Layer {
      * @api
      */
     this.balloonHeightOffset = parseInteger(options.balloonHeightOffset, defaultOptions.balloonHeightOffset);
+    /** @type {import("@vcmap-cesium/engine").SplitDirection} */
+    this._splitDirection = SplitDirection.NONE;
+
+    if (options.splitDirection) {
+      this._splitDirection = options.splitDirection === 'left' ?
+        SplitDirection.LEFT :
+        SplitDirection.RIGHT;
+    }
+
+    /**
+     * raised if the split direction changes, is passed the split direction as its only argument
+     * @type {VcsEvent<import("@vcmap-cesium/engine").SplitDirection>}
+     * @api
+     */
+    this.splitDirectionChanged = new VcsEvent();
     /**
      * FeatureVisibility tracks the highlighting and hiding of features on this layer
      * @type {FeatureVisibility}
@@ -117,6 +138,26 @@ class FeatureLayer extends Layer {
     return this._style;
   }
 
+  /**
+   * @api
+   * The splitDirection to be applied - for 3D vector features currently only working on points with a Model
+   * @type {import("@vcmap-cesium/engine").SplitDirection}
+   */
+  get splitDirection() { return this._splitDirection; }
+
+  /**
+   * @param {import("@vcmap-cesium/engine").SplitDirection} direction
+   */
+  set splitDirection(direction) {
+    if (direction !== this._splitDirection) {
+      this.getImplementations().forEach((impl) => {
+        /** @type {FeatureLayerImplementation} */ (impl).updateSplitDirection(direction);
+      });
+      this._splitDirection = direction;
+      this.splitDirectionChanged.raiseEvent(this._splitDirection);
+    }
+  }
+
   /**
    * @returns {FeatureLayerImplementationOptions}
    */
@@ -126,6 +167,7 @@ class FeatureLayer extends Layer {
       globalHider: this.globalHider,
       featureVisibility: this.featureVisibility,
       style: this.style,
+      splitDirection: this.splitDirection,
     };
   }
 
@@ -138,7 +180,7 @@ class FeatureLayer extends Layer {
   }
 
   /**
-   * @param {Object|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTilePointFeature|import("@vcmap/cesium").Cesium3DTileFeature|DataSourcePickedObject} object
+   * @param {Object|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("@vcmap-cesium/engine").Cesium3DTileFeature|DataSourcePickedObject} object
    * @returns {?Object}
    */
   // eslint-disable-next-line no-unused-vars,class-methods-use-this
@@ -194,6 +236,11 @@ class FeatureLayer extends Layer {
     if (!this.getStyleOrDefaultStyle().equals(this._style)) {
       config.style = this.style.toJSON();
     }
+    if (this._splitDirection !== SplitDirection.NONE) {
+      config.splitDirection = this._splitDirection === SplitDirection.RIGHT ?
+        'right' :
+        'left';
+    }
     return config;
   }
 
@@ -205,6 +252,7 @@ class FeatureLayer extends Layer {
       this.featureVisibility.destroy();
     }
     this.styleChanged.destroy();
+    this.splitDirectionChanged.destroy();
     super.destroy();
   }
 }

package/src/layer/featureStoreLayer.js

@@ -1,5 +1,5 @@
 import Feature from 'ol/Feature.js';
-import { Cesium3DTileFeature, Cesium3DTilePointFeature, SplitDirection } from '@vcmap/cesium';
+import { Cesium3DTileFeature, Cesium3DTilePointFeature, SplitDirection } from '@vcmap-cesium/engine';
 import VectorSource from 'ol/source/Vector.js';
 import { createEmpty, extend as extendExtent } from 'ol/extent.js';
 
@@ -155,7 +155,7 @@ class FeatureStoreLayer extends VectorLayer {
     this.screenSpaceError = this.vcsMeta.screenSpaceError;
 
     /**
-     * @type {import("@vcmap/cesium").Event.RemoveCallback}
+     * @type {import("@vcmap-cesium/engine").Event.RemoveCallback}
      * @private
      */
     this._removeVectorPropertiesChangeHandler = this.vectorProperties.propertyChanged.addEventListener(() => {
@@ -442,7 +442,7 @@ class FeatureStoreLayer extends VectorLayer {
   }
 
   /**
-   * @param {Object|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTilePointFeature|import("@vcmap/cesium").Cesium3DTileFeature} feature
+   * @param {Object|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("@vcmap-cesium/engine").Cesium3DTileFeature} feature
    * @returns {?Object}
    */
   objectClickedHandler(feature) {

package/src/layer/featureVisibility.js

@@ -1,4 +1,4 @@
-import { Color, Cesium3DTileFeature, Cesium3DTilePointFeature, Entity as CesiumEntity } from '@vcmap/cesium';
+import { Color, Cesium3DTileFeature, Cesium3DTilePointFeature, Entity as CesiumEntity } from '@vcmap-cesium/engine';
 import Feature from 'ol/Feature.js';
 import Style from 'ol/style/Style.js';
 
@@ -37,7 +37,7 @@ export const globalHidden = Symbol('globalHidden');
 /**
  * @typedef {Object} HighlightedObject
  * @property {VectorStyleItem} style
- * @property {Set<import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature>} features
+ * @property {Set<import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature>} features
  */
 
 /**
@@ -48,7 +48,7 @@ export const globalHidden = Symbol('globalHidden');
  */
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature} feature
  * @returns {boolean}
  */
 export function featureExists(feature) {
@@ -59,7 +59,7 @@ export function featureExists(feature) {
 }
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity} feature
  * @private
  */
 export function hideFeature(feature) {
@@ -77,7 +77,7 @@ export function hideFeature(feature) {
 
 /**
  * Caches the original style on the feature using the originalStyle symbol
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity} feature
  * @private
  */
 export function cacheOriginalStyle(feature) {
@@ -94,7 +94,7 @@ export function cacheOriginalStyle(feature) {
 }
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity} feature
  * @private
  */
 export function resetOriginalStyle(feature) {
@@ -113,7 +113,7 @@ export function resetOriginalStyle(feature) {
 }
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity} feature
  * @private
  */
 export function highlightFeature(feature) {
@@ -132,7 +132,7 @@ export function highlightFeature(feature) {
 
 /**
  * Updates the cached original style
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>} feature
  * @private
  */
 export function updateOriginalStyle(feature) {
@@ -146,7 +146,7 @@ export function updateOriginalStyle(feature) {
 }
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>} feature
  */
 function unhighlightFeature(feature) {
   delete feature[highlighted];
@@ -154,7 +154,7 @@ function unhighlightFeature(feature) {
 }
 
 /**
- * @param {import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity} feature
+ * @param {import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity} feature
  * @param {symbol} symbol
  * @private
  */
@@ -238,7 +238,7 @@ export function synchronizeFeatureVisibility(source, destination) {
  */
 class FeatureVisibility {
   constructor() {
-    /** @type {Object<string, Set<(import("@vcmap/cesium").Cesium3DTileFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Entity)>>} */
+    /** @type {Object<string, Set<(import("@vcmap-cesium/engine").Cesium3DTileFeature|import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Entity)>>} */
     this.hiddenObjects = {};
     /** @type {Object<string, HighlightedObject>} */
     this.highlightedObjects = {};
@@ -253,8 +253,8 @@ class FeatureVisibility {
   }
 
   /**
-   * highlights a number of features by ID (import("@vcmap/cesium").Cesium3DTileFeature|ol/Feature) with the given color.
-   * @param {Object<string, (VectorStyleItem|import("@vcmap/cesium").Color|import("ol/style/Style").default)>} toHighlight
+   * highlights a number of features by ID (import("@vcmap-cesium/engine").Cesium3DTileFeature|ol/Feature) with the given color.
+   * @param {Object<string, (VectorStyleItem|import("@vcmap-cesium/engine").Color|import("ol/style/Style").default)>} toHighlight
    * @api stable
    */
   highlight(toHighlight) {
@@ -298,7 +298,7 @@ class FeatureVisibility {
   }
 
   /**
-   * unhighlights a number of features given by the ID (import("@vcmap/cesium").Cesium3DTileFeature|import("ol").Feature<import("ol/geom/Geometry").default>)
+   * unhighlights a number of features given by the ID (import("@vcmap-cesium/engine").Cesium3DTileFeature|import("ol").Feature<import("ol/geom/Geometry").default>)
    * @param {Array<string>} toUnHighlight Array with IDS to unhighlight
    * @api stable
    */
@@ -330,7 +330,7 @@ class FeatureVisibility {
 
   /**
    * @param {string|number} id
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature} feature
    * @returns {boolean}
    */
   hasHighlightFeature(id, feature) {
@@ -339,7 +339,7 @@ class FeatureVisibility {
 
   /**
    * @param {string|number} id
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature} feature
    */
   addHighlightFeature(id, feature) {
     if (this.highlightedObjects[id]) {
@@ -403,7 +403,7 @@ class FeatureVisibility {
 
   /**
    * @param {string|number} id
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Entity} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Entity} feature
    * @returns {boolean}
    */
   hasHiddenFeature(id, feature) {
@@ -412,7 +412,7 @@ class FeatureVisibility {
 
   /**
    * @param {string|number} id
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Entity} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Entity} feature
    */
   addHiddenFeature(id, feature) {
     if (this.hiddenObjects[id]) {

package/src/layer/globalHider.js

@@ -29,7 +29,7 @@ class GlobalHider {
      */
     this.hiddenObjects = {};
     /**
-     * @type {Object<string, Set<import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("@vcmap/cesium").Entity>>}
+     * @type {Object<string, Set<import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("@vcmap-cesium/engine").Entity>>}
      * @private
      */
     this._hiddenObjectFeatures = {};
@@ -101,7 +101,7 @@ class GlobalHider {
 
   /**
    * @param {number|string} uuid
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("@vcmap/cesium").Entity} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("@vcmap-cesium/engine").Entity} feature
    */
   addFeature(uuid, feature) {
     if (!this._hiddenObjectFeatures[uuid]) {
@@ -115,7 +115,7 @@ class GlobalHider {
 
   /**
    * @param {string|number} uuid
-   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap/cesium").Cesium3DTileFeature|import("@vcmap/cesium").Cesium3DTilePointFeature|import("@vcmap/cesium").Entity} feature
+   * @param {import("ol").Feature<import("ol/geom/Geometry").default>|import("@vcmap-cesium/engine").Cesium3DTileFeature|import("@vcmap-cesium/engine").Cesium3DTilePointFeature|import("@vcmap-cesium/engine").Entity} feature
    * @returns {boolean}
    */
   hasFeature(uuid, feature) {

package/src/layer/layer.js

@@ -10,8 +10,8 @@ import GlobalHider from './globalHider.js';
 
 /**
  * @typedef {import("@vcmap/core").Layer} SplitLayer
- * @property {import("@vcmap/cesium").SplitDirection} splitDirection
- * @property {VcsEvent<import("@vcmap/cesium").SplitDirection>} splitDirectionChanged
+ * @property {import("@vcmap-cesium/engine").SplitDirection} splitDirection
+ * @property {VcsEvent<import("@vcmap-cesium/engine").SplitDirection>} splitDirectionChanged
  */
 
 /**
@@ -57,6 +57,12 @@ import GlobalHider from './globalHider.js';
  * @api
  */
 
+/**
+ * @typedef {LayerImplementationOptions} SplitLayerImplementationOptions
+ * @property {import("@vcmap-cesium/engine").SplitDirection} splitDirection
+ * @api
+ */
+
 /**
  * Layer implementations for the {@link CesiumMap} map
  * @namespace cesium

package/src/layer/layerSymbols.js

@@ -1,6 +1,7 @@
+/* eslint-disable import/prefer-default-export */
+
 /**
  * @type {symbol}
  * @const
  */
-// eslint-disable-next-line import/prefer-default-export
 export const vcsLayerName = Symbol('vcsLayerName');

package/src/layer/oblique/obliqueHelpers.js

@@ -1,7 +1,7 @@
 import Circle from 'ol/geom/Circle.js';
 import { fromCircle } from 'ol/geom/Polygon.js';
 import { getTransform } from 'ol/proj.js';
-import { Cartographic, sampleTerrainMostDetailed } from '@vcmap/cesium';
+import { Cartographic, sampleTerrainMostDetailed } from '@vcmap-cesium/engine';
 import { cartesian2DDistance } from '../../util/math.js';
 import Projection, { mercatorProjection, wgs84Projection } from '../../util/projection.js';
 import { actuallyIsCircle, alreadyTransformedToImage, obliqueGeometry } from '../vectorSymbols.js';

package/src/layer/oblique/vectorObliqueImpl.js

@@ -116,6 +116,12 @@ class VectorObliqueImpl extends LayerObliqueImpl {
     }
   }
 
+  /**
+   * @param {import("@vcmap-cesium/engine").SplitDirection} splitDirection
+   */
+  // eslint-disable-next-line class-methods-use-this,no-unused-vars
+  updateSplitDirection(splitDirection) {}
+
   /**
    * clears the current image and fetches features for the next
    * @private

package/src/layer/openStreetMapLayer.js

@@ -1,4 +1,4 @@
-import { SplitDirection } from '@vcmap/cesium';
+import { SplitDirection } from '@vcmap-cesium/engine';
 
 import { parseNumberRange, parseInteger } from '@vcsuite/parsers';
 import Layer from './layer.js';
@@ -46,7 +46,7 @@ class OpenStreetMapLayer extends Layer {
     super(options);
     const defaultOptions = OpenStreetMapLayer.getDefaultOptions();
     /**
-     * @type {import("@vcmap/cesium").SplitDirection}
+     * @type {import("@vcmap-cesium/engine").SplitDirection}
      * @private
      */
     this._splitDirection = SplitDirection.NONE;
@@ -70,7 +70,7 @@ class OpenStreetMapLayer extends Layer {
 
     /**
      * raised if the split direction changes, is passed the split direction as its only argument
-     * @type {VcsEvent<import("@vcmap/cesium").SplitDirection>}
+     * @type {VcsEvent<import("@vcmap-cesium/engine").SplitDirection>}
      * @api
      */
     this.splitDirectionChanged = new VcsEvent();
@@ -85,12 +85,12 @@ class OpenStreetMapLayer extends Layer {
 
   /**
    * @api
-   * @type {import("@vcmap/cesium").SplitDirection}
+   * @type {import("@vcmap-cesium/engine").SplitDirection}
    */
   get splitDirection() { return this._splitDirection; }
 
   /**
-   * @param {import("@vcmap/cesium").SplitDirection} direction
+   * @param {import("@vcmap-cesium/engine").SplitDirection} direction
    */
   set splitDirection(direction) {
     if (direction !== this._splitDirection) {
@@ -177,6 +177,12 @@ class OpenStreetMapLayer extends Layer {
       config.maxLevel = this.maxLevel;
     }
 
+    if (this._splitDirection !== SplitDirection.NONE) {
+      config.splitDirection = this._splitDirection === SplitDirection.RIGHT ?
+        'right' :
+        'left';
+    }
+
     return config;
   }
 

package/src/layer/openlayers/layerOpenlayersImpl.js

@@ -1,8 +1,15 @@
+import { SplitDirection } from '@vcmap-cesium/engine';
+import { unByKey } from 'ol/Observable.js';
 import { vcsLayerName } from '../layerSymbols.js';
 import LayerImplementation from '../layerImplementation.js';
 
 /**
- * Layer implementation for {@link CesiumMap}.
+ * @typedef {LayerImplementationOptions} LayerOpenlayersImplementationOptions
+ * @property {import("@vcmap-cesium/engine").SplitDirection} splitDirection
+ */
+
+/**
+ * Layer implementation for {@link OpenlayersMap}.
  * @class
  * @extends {LayerImplementation<import("@vcmap/core").OpenlayersMap>}}
  */
@@ -11,7 +18,7 @@ class LayerOpenlayersImpl extends LayerImplementation {
 
   /**
    * @param {import("@vcmap/core").OpenlayersMap} map
-   * @param {LayerImplementationOptions} options
+   * @param {LayerOpenlayersImplementationOptions} options
    */
   constructor(map, options) {
     super(map, options);
@@ -19,19 +26,27 @@ class LayerOpenlayersImpl extends LayerImplementation {
      * @type {import("ol/layer").Layer<import("ol/source/Source").default>|null}
      */
     this.olLayer = null;
+    /** @type {import("@vcmap-cesium/engine").SplitDirection} */
+    this.splitDirection = options.splitDirection;
+    /**
+     * @type {Array<import("ol/events").EventsKey>|null}
+     * @private
+     */
+    this._splitDirectionRenderListeners = null;
   }
 
   /**
    * @inheritDoc
    * @returns {Promise<void>}
    */
-  initialize() {
+  async initialize() {
     if (!this.initialized) {
       this.olLayer = this.getOLLayer();
       this.olLayer[vcsLayerName] = this.name;
       this.map.addOLLayer(this.olLayer);
     }
-    return super.initialize();
+    await super.initialize();
+    this.updateSplitDirection(this.splitDirection);
   }
 
   /**
@@ -63,6 +78,52 @@ class LayerOpenlayersImpl extends LayerImplementation {
   // eslint-disable-next-line class-methods-use-this
   getOLLayer() { throw new Error(); }
 
+  /**
+   * @param {import("@vcmap-cesium/engine").SplitDirection} splitDirection
+   */
+  updateSplitDirection(splitDirection) {
+    this.splitDirection = splitDirection;
+    if (this.initialized) {
+      if (this.splitDirection === SplitDirection.NONE && this._splitDirectionRenderListeners) {
+        unByKey(this._splitDirectionRenderListeners);
+        this._splitDirectionRenderListeners = null;
+        this.olLayer.changed();
+      } else if (splitDirection !== SplitDirection.NONE && !this._splitDirectionRenderListeners) {
+        this._splitDirectionRenderListeners = [];
+        this._splitDirectionRenderListeners
+          .push(/** @type {import("ol/events").EventsKey} */
+            (this.olLayer.on('prerender', this._splitPreRender.bind(this))),
+          );
+        this._splitDirectionRenderListeners
+          .push(/** @type {import("ol/events").EventsKey} */
+            (this.olLayer.on('postrender', (/** @type {import("ol/render/Event").default} */ event) => {
+              /** @type {CanvasRenderingContext2D} */ (event.context).restore();
+            })),
+          );
+        this.olLayer.changed();
+      }
+    }
+  }
+
+  /**
+   * @param {import("ol/render/Event").default} event
+   * @private
+   */
+  _splitPreRender(event) {
+    // eslint-disable-next-line prefer-destructuring
+    const context = /** @type {CanvasRenderingContext2D} */ (event.context);
+    const width = context.canvas.width * this.map.splitPosition;
+    context.save();
+    context.beginPath();
+
+    if (this.splitDirection === SplitDirection.LEFT) {
+      context.rect(0, 0, width, context.canvas.height);
+    } else {
+      context.rect(width, 0, context.canvas.width - width, context.canvas.height);
+    }
+    context.clip();
+  }
+
   /**
    * @inheritDoc
    */
@@ -71,6 +132,10 @@ class LayerOpenlayersImpl extends LayerImplementation {
       this.map.removeOLLayer(this.olLayer);
     }
     this.olLayer = null;
+    if (this._splitDirectionRenderListeners) {
+      unByKey(this._splitDirectionRenderListeners);
+      this._splitDirectionRenderListeners = null;
+    }
     super.destroy();
   }
 }

package/src/layer/openlayers/rasterLayerOpenlayersImpl.js

@@ -1,5 +1,3 @@
-import { SplitDirection } from '@vcmap/cesium';
-import { unByKey } from 'ol/Observable.js';
 import LayerOpenlayersImpl from './layerOpenlayersImpl.js';
 
 /**
@@ -18,8 +16,6 @@ class RasterLayerOpenlayersImpl extends LayerOpenlayersImpl {
    */
   constructor(map, options) {
     super(map, options);
-    /** @type {import("@vcmap/cesium").SplitDirection} */
-    this.splitDirection = options.splitDirection;
     /** @type {number} */
     this.minLevel = options.minLevel;
     /** @type {number} */
@@ -30,22 +26,6 @@ class RasterLayerOpenlayersImpl extends LayerOpenlayersImpl {
     this.extent = options.extent;
     /** @type {number} */
     this.opacity = options.opacity;
-    /**
-     * @type {Array<import("ol/events").EventsKey>|null}
-     * @private
-     */
-    this._splitDirectionRenderListeners = null;
-  }
-
-  /**
-   * @inheritDoc
-   * @returns {Promise<void>}
-   */
-  initialize() {
-    return super.initialize()
-      .then(() => {
-        this.updateSplitDirection(this.splitDirection);
-      });
   }
 
   /**
@@ -57,66 +37,6 @@ class RasterLayerOpenlayersImpl extends LayerOpenlayersImpl {
       this.olLayer.setOpacity(this.opacity);
     }
   }
-
-  /**
-   * @param {import("@vcmap/cesium").SplitDirection} splitDirection
-   */
-  updateSplitDirection(splitDirection) {
-    this.splitDirection = splitDirection;
-    if (this.initialized) {
-      if (this.splitDirection === SplitDirection.NONE && this._splitDirectionRenderListeners) {
-        unByKey(this._splitDirectionRenderListeners);
-        this._splitDirectionRenderListeners = null;
-        this.olLayer.changed();
-      } else if (splitDirection !== SplitDirection.NONE && !this._splitDirectionRenderListeners) {
-        this._splitDirectionRenderListeners = [];
-        this._splitDirectionRenderListeners
-          .push(/** @type {import("ol/events").EventsKey} */
-            (this.olLayer.on('prerender', this._splitPreCompose.bind(this))),
-          );
-        this._splitDirectionRenderListeners
-          .push(/** @type {import("ol/events").EventsKey} */
-            (this.olLayer.on('postrender', (/** @type {import("ol/render/Event").default} */ event) => {
-              /** @type {CanvasRenderingContext2D} */ (event.context).restore();
-            })),
-          );
-        this.olLayer.changed();
-      }
-    }
-  }
-
-  /**
-   * @param {import("ol/render/Event").default} event
-   * @private
-   */
-  _splitPreCompose(event) {
-    if (!this.map.splitScreen) {
-      return;
-    }
-    // eslint-disable-next-line prefer-destructuring
-    const context = /** @type {CanvasRenderingContext2D} */ (event.context);
-    const width = context.canvas.width * this.map.splitScreen.position;
-    context.save();
-    context.beginPath();
-
-    if (this.splitDirection === SplitDirection.LEFT) {
-      context.rect(0, 0, width, context.canvas.height);
-    } else {
-      context.rect(width, 0, context.canvas.width - width, context.canvas.height);
-    }
-    context.clip();
-  }
-
-  /**
-   * @inheritDoc
-   */
-  destroy() {
-    if (this._splitDirectionRenderListeners) {
-      unByKey(this._splitDirectionRenderListeners);
-      this._splitDirectionRenderListeners = null;
-    }
-    super.destroy();
-  }
 }
 
 export default RasterLayerOpenlayersImpl;