@vcmap/core 5.0.0-rc.32 → 5.0.0-rc.34

package/dist/src/layer/oblique/vectorObliqueImpl.js

@@ -0,0 +1,344 @@
+import VectorSource from 'ol/source/Vector.js';
+import OLVectorLayer from 'ol/layer/Vector.js';
+import { unByKey } from 'ol/Observable.js';
+import Feature from 'ol/Feature.js';
+import { mercatorProjection } from '../../util/projection.js';
+import { mercatorGeometryToImageGeometry, imageGeometryToMercatorGeometry, getPolygonizedGeometry, setNewGeometry, } from './obliqueHelpers.js';
+import { actuallyIsCircle, alreadyTransformedToImage, doNotTransform, obliqueGeometry, originalFeatureSymbol, } from '../vectorSymbols.js';
+import LayerObliqueImpl from './layerObliqueImpl.js';
+import { synchronizeFeatureVisibilityWithSource } from '../vectorHelpers.js';
+/**
+ * represents a specific vector layer for oblique.
+ */
+class VectorObliqueImpl extends LayerObliqueImpl {
+    static get className() {
+        return 'VectorObliqueImpl';
+    }
+    obliqueSource = new VectorSource({});
+    _featureListeners = {};
+    _sourceListener = [];
+    /**
+     * The extent of the current image for which features where fetched
+     */
+    currentExtent = null;
+    /**
+     * The image name for which the current features where fetched
+     */
+    fetchedFeaturesForImageName = null;
+    _updatingMercator = {};
+    _updatingOblique = {};
+    _featureVisibilityListeners = [];
+    globalHider;
+    source;
+    style;
+    featureVisibility;
+    olLayer = null;
+    _imageChangedListener = null;
+    constructor(map, options) {
+        super(map, options);
+        this.globalHider = options.globalHider;
+        this.source = options.source;
+        this.style = options.style;
+        this.featureVisibility = options.featureVisibility;
+    }
+    getOLLayer() {
+        return new OLVectorLayer({
+            visible: false,
+            source: this.obliqueSource,
+            style: this.style.style,
+        });
+    }
+    // eslint-disable-next-line no-unused-vars
+    updateStyle(style, _silent) {
+        this.style = style;
+        if (this.initialized && this.olLayer) {
+            this.olLayer.setStyle(this.style.style);
+        }
+    }
+    // eslint-disable-next-line class-methods-use-this,no-unused-vars
+    updateSplitDirection(_splitDirection) { }
+    /**
+     * clears the current image and fetches features for the next
+     */
+    _onObliqueImageChanged() {
+        this._clearCurrentImage();
+        this._fetchFeaturesInView();
+    }
+    _featureInExtent(feature) {
+        if (this.currentExtent) {
+            const geometry = feature.getGeometry();
+            if (geometry) {
+                return (geometry[alreadyTransformedToImage] ||
+                    geometry.intersectsExtent(this.currentExtent));
+            }
+        }
+        return false;
+    }
+    _addSourceListeners() {
+        this._sourceListener.push(this.source.on('addfeature', (event) => {
+            const f = event.feature;
+            if (this._featureInExtent(f)) {
+                // eslint-disable-next-line no-void
+                void this.addFeature(f);
+            }
+        }));
+        this._sourceListener.push(this.source.on('removefeature', (event) => {
+            this.removeFeature(event.feature);
+        }));
+        this._sourceListener.push(this.source.on('changefeature', (event) => {
+            const f = event.feature;
+            const newFeatureId = f.getId();
+            if (!this._featureListeners[newFeatureId] && this._featureInExtent(f)) {
+                // eslint-disable-next-line no-void
+                void this.addFeature(f);
+            }
+        }));
+    }
+    async activate() {
+        if (!this.active) {
+            await super.activate();
+            if (this.active) {
+                this.olLayer.setVisible(true);
+                if (this._featureVisibilityListeners.length === 0) {
+                    this._featureVisibilityListeners =
+                        synchronizeFeatureVisibilityWithSource(this.featureVisibility, this.source, this.globalHider);
+                }
+                this._addSourceListeners();
+                this._imageChangedListener = this.map.imageChanged?.addEventListener(this._onObliqueImageChanged.bind(this));
+                this._fetchFeaturesInView();
+            }
+        }
+    }
+    addFeature(originalFeature) {
+        if (!this.active) {
+            this.fetchedFeaturesForImageName = null;
+        }
+        if (this.active && this.currentExtent) {
+            const id = originalFeature.getId();
+            const originalGeometry = originalFeature.getGeometry();
+            if (originalFeature[doNotTransform]) {
+                if (originalGeometry && !this.obliqueSource.getFeatureById(id)) {
+                    this.obliqueSource.addFeature(originalFeature);
+                }
+                return Promise.resolve();
+            }
+            if (this.obliqueSource.getFeatureById(id)) {
+                return Promise.resolve();
+            }
+            const obliqueFeature = new Feature({});
+            obliqueFeature.setId(id);
+            obliqueFeature[originalFeatureSymbol] = originalFeature;
+            setNewGeometry(originalFeature, obliqueFeature);
+            obliqueFeature.setStyle(originalFeature.getStyle());
+            this._setFeatureListeners(originalFeature, obliqueFeature);
+            return this._convertToOblique(originalFeature, obliqueFeature).then(() => {
+                this.obliqueSource.addFeature(obliqueFeature);
+            });
+        }
+        return Promise.resolve();
+    }
+    _originalGeometryChanged(listeners, originalFeature, obliqueFeature) {
+        unByKey(listeners.originalGeometryChanged);
+        unByKey(listeners.obliqueGeometryChanged);
+        setNewGeometry(originalFeature, obliqueFeature);
+        this.updateObliqueGeometry(originalFeature, obliqueFeature);
+        listeners.originalGeometryChanged = originalFeature
+            .getGeometry()
+            .on('change', this.updateObliqueGeometry.bind(this, originalFeature, obliqueFeature));
+        listeners.obliqueGeometryChanged = obliqueFeature
+            .getGeometry()
+            .on('change', this.updateMercatorGeometry.bind(this, originalFeature, obliqueFeature));
+    }
+    _setFeatureListeners(originalFeature, obliqueFeature) {
+        const featureId = obliqueFeature.getId();
+        const listeners = {
+            originalFeatureGeometryChanged: originalFeature.on('change:geometry', () => {
+                const originalGeometry = originalFeature.getGeometry();
+                if (originalGeometry[actuallyIsCircle]) {
+                    unByKey(listeners.originalGeometryChanged);
+                    listeners.originalGeometryChanged = originalFeature
+                        .getGeometry()
+                        .on('change', () => {
+                        if (this._updatingMercator[featureId]) {
+                            return;
+                        }
+                        delete originalGeometry[actuallyIsCircle];
+                        this._originalGeometryChanged(listeners, originalFeature, obliqueFeature);
+                    });
+                    return;
+                }
+                this._originalGeometryChanged(listeners, originalFeature, obliqueFeature);
+            }),
+            originalFeatureChanged: originalFeature.on('change', () => {
+                obliqueFeature.setStyle(originalFeature.getStyle());
+            }),
+            originalGeometryChanged: originalFeature
+                .getGeometry()
+                .on('change', this.updateObliqueGeometry.bind(this, originalFeature, obliqueFeature)),
+            obliqueGeometryChanged: obliqueFeature
+                .getGeometry()
+                .on('change', this.updateMercatorGeometry.bind(this, originalFeature, obliqueFeature)),
+        };
+        this._featureListeners[featureId] = listeners;
+    }
+    async _convertToOblique(originalFeature, obliqueFeature) {
+        const id = originalFeature.getId();
+        const vectorGeometry = originalFeature.getGeometry();
+        const imageGeometry = obliqueFeature.getGeometry();
+        this._updatingOblique[id] = true;
+        if (!vectorGeometry[alreadyTransformedToImage]) {
+            await mercatorGeometryToImageGeometry(vectorGeometry, imageGeometry, this.map.currentImage);
+        }
+        else {
+            obliqueFeature
+                .getGeometry()
+                .setCoordinates(vectorGeometry.getCoordinates());
+        }
+        this._updatingOblique[id] = null;
+    }
+    updateObliqueGeometry(originalFeature, obliqueFeature) {
+        const id = originalFeature.getId();
+        if (this._updatingMercator[id]) {
+            return;
+        }
+        if (this._updatingOblique[id] != null) {
+            clearTimeout(this._updatingOblique[id]);
+        }
+        if (originalFeature.getGeometry()?.[alreadyTransformedToImage]) {
+            // eslint-disable-next-line no-void
+            void this._convertToOblique(originalFeature, obliqueFeature);
+        }
+        else {
+            this._updatingOblique[id] = setTimeout(() => {
+                // eslint-disable-next-line no-void
+                void this._convertToOblique(originalFeature, obliqueFeature);
+            }, 200);
+        }
+    }
+    updateMercatorGeometry(originalFeature, obliqueFeature) {
+        const id = originalFeature.getId();
+        if (this._updatingOblique[id]) {
+            return;
+        }
+        if (this._updatingMercator[id] != null) {
+            clearTimeout(this._updatingMercator[id]);
+        }
+        const imageName = this.fetchedFeaturesForImageName;
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        this._updatingMercator[id] = setTimeout(async () => {
+            const originalGeometry = getPolygonizedGeometry(originalFeature, false);
+            if (originalGeometry[actuallyIsCircle]) {
+                originalFeature.setGeometry(originalGeometry);
+            }
+            const imageGeometry = getPolygonizedGeometry(obliqueFeature, true);
+            this._updatingMercator[id] = true;
+            await imageGeometryToMercatorGeometry(imageGeometry, originalGeometry, this.map.collection.getImageByName(imageName));
+            this._updatingMercator[id] = null;
+        }, 200);
+    }
+    /**
+     * Synchronizes image Features if the geometry has been changed.
+     * also clears source and featureListeners
+     */
+    _clearCurrentImage() {
+        Object.values(this._featureListeners).forEach((listeners) => {
+            unByKey(Object.values(listeners));
+        });
+        this._featureListeners = {};
+        this._updatingOblique = {};
+        this._updatingMercator = {};
+        this.obliqueSource.getFeatures().forEach((f) => {
+            const original = f[originalFeatureSymbol];
+            if (original) {
+                delete original[obliqueGeometry];
+                const originalGeometry = original.getGeometry();
+                if (originalGeometry?.[alreadyTransformedToImage]) {
+                    this.updateMercatorGeometry(original, f);
+                }
+                delete originalGeometry?.[alreadyTransformedToImage];
+            }
+        });
+        this.obliqueSource.clear(true);
+        this.fetchedFeaturesForImageName = null;
+    }
+    /**
+     * Fetches the features within the extent of the current image
+     * @private
+     */
+    _fetchFeaturesInView() {
+        if (this.active &&
+            this.map.currentImage &&
+            this.fetchedFeaturesForImageName !== this.map.currentImage.name) {
+            this.currentExtent = this.map
+                .getExtentOfCurrentImage()
+                .getCoordinatesInProjection(mercatorProjection);
+            this.source.forEachFeatureInExtent(this.currentExtent, (feature) => {
+                // eslint-disable-next-line no-void
+                void this.addFeature(feature);
+            });
+            this.source.forEachFeature((feature) => {
+                if (feature.getGeometry()?.[alreadyTransformedToImage]) {
+                    // eslint-disable-next-line no-void
+                    void this.addFeature(feature);
+                }
+            });
+            this.fetchedFeaturesForImageName = this.map.currentImage.name;
+        }
+    }
+    removeFeature(feature) {
+        const feat = this.obliqueSource.getFeatureById(feature.getId());
+        if (feat) {
+            const id = feat.getId();
+            const listeners = this._featureListeners[id];
+            if (listeners) {
+                unByKey(Object.values(listeners));
+                delete this._featureListeners[id];
+            }
+            this.obliqueSource.removeFeature(feat);
+        }
+    }
+    deactivate() {
+        super.deactivate();
+        if (this.olLayer) {
+            this.olLayer.setVisible(false);
+        }
+        this._featureVisibilityListeners.forEach((cb) => {
+            cb();
+        });
+        this._featureVisibilityListeners = [];
+        unByKey(this._sourceListener);
+        this._sourceListener = [];
+        if (this._imageChangedListener) {
+            this._imageChangedListener();
+            this._imageChangedListener = null;
+        }
+        this._clearCurrentImage();
+    }
+    destroy() {
+        if (this.olLayer) {
+            this.map.removeOLLayer(this.olLayer);
+        }
+        this.olLayer = null;
+        unByKey(this._sourceListener);
+        this._sourceListener = [];
+        if (this._imageChangedListener) {
+            this._imageChangedListener();
+            this._imageChangedListener = null;
+        }
+        this.obliqueSource.clear(true);
+        Object.values(this._updatingOblique).forEach((timer) => {
+            if (timer != null) {
+                clearTimeout(timer);
+            }
+        });
+        Object.values(this._updatingMercator).forEach((timer) => {
+            if (timer != null) {
+                clearTimeout(timer);
+            }
+        });
+        this._clearCurrentImage();
+        super.destroy();
+    }
+}
+export default VectorObliqueImpl;
+//# sourceMappingURL=vectorObliqueImpl.js.map

package/dist/src/layer/oblique/vectorObliqueImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vectorObliqueImpl.js","sourceRoot":"","sources":["../../../../src/layer/oblique/vectorObliqueImpl.ts"],"names":[],"mappings":"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"}

package/dist/src/layer/openStreetMapLayer.d.ts

@@ -0,0 +1,51 @@
+import { SplitDirection } from '@vcmap-cesium/engine';
+import Layer, { type LayerOptions, SplitLayer } from './layer.js';
+import OpenStreetMapOpenlayersImpl from './openlayers/openStreetMapOpenlayersImpl.js';
+import OpenStreetMapCesiumImpl from './cesium/openStreetMapCesiumImpl.js';
+import VcsEvent from '../vcsEvent.js';
+import { RasterLayerImplementationOptions } from './rasterLayer.js';
+import VcsMap from '../map/vcsMap.js';
+export type OpenStreetMapOptions = LayerOptions & {
+    /**
+     * either 'left' or 'right', if omitted none is applied
+     */
+    splitDirection?: string;
+    /**
+     * opacity between 0 and 1
+     * @default 1
+     */
+    opacity?: number;
+    /**
+     * max level to load tiles at
+     * @default 19
+     */
+    maxLevel?: number;
+};
+declare class OpenStreetMapLayer extends Layer<OpenStreetMapCesiumImpl | OpenStreetMapOpenlayersImpl> implements SplitLayer {
+    static get className(): string;
+    static getDefaultOptions(): OpenStreetMapOptions;
+    private _splitDirection;
+    private _opacity;
+    /**
+     * raised if the split direction changes, is passed the split direction as its only argument
+     */
+    splitDirectionChanged: VcsEvent<SplitDirection>;
+    /**
+     * The maximum level to load. Changing requires a redraw to take effect.
+     */
+    maxLevel: number;
+    protected _supportedMaps: string[];
+    constructor(options: OpenStreetMapOptions);
+    get splitDirection(): SplitDirection;
+    set splitDirection(direction: SplitDirection);
+    /**
+     * The opacity between 0 (fully transparent) and 1 (fully opaque)
+     */
+    get opacity(): number;
+    set opacity(opacity: number);
+    getImplementationOptions(): RasterLayerImplementationOptions;
+    createImplementationsForMap(map: VcsMap): (OpenStreetMapOpenlayersImpl | OpenStreetMapCesiumImpl)[];
+    toJSON(): OpenStreetMapOptions;
+    destroy(): void;
+}
+export default OpenStreetMapLayer;

package/dist/src/layer/openStreetMapLayer.js

@@ -0,0 +1,123 @@
+import { SplitDirection } from '@vcmap-cesium/engine';
+import { parseInteger, parseNumberRange } from '@vcsuite/parsers';
+import Layer from './layer.js';
+import OpenlayersMap from '../map/openlayersMap.js';
+import CesiumMap from '../map/cesiumMap.js';
+import OpenStreetMapOpenlayersImpl from './openlayers/openStreetMapOpenlayersImpl.js';
+import OpenStreetMapCesiumImpl from './cesium/openStreetMapCesiumImpl.js';
+import VcsEvent from '../vcsEvent.js';
+import { layerClassRegistry } from '../classRegistry.js';
+import { TilingScheme, } from './rasterLayer.js';
+class OpenStreetMapLayer extends Layer {
+    static get className() {
+        return 'OpenStreetMapLayer';
+    }
+    static getDefaultOptions() {
+        return {
+            ...Layer.getDefaultOptions(),
+            splitDirection: undefined,
+            opacity: 1,
+            maxLevel: 19,
+        };
+    }
+    _splitDirection;
+    _opacity;
+    /**
+     * raised if the split direction changes, is passed the split direction as its only argument
+     */
+    splitDirectionChanged = new VcsEvent();
+    /**
+     * The maximum level to load. Changing requires a redraw to take effect.
+     */
+    maxLevel;
+    _supportedMaps = [CesiumMap.className, OpenlayersMap.className];
+    constructor(options) {
+        super(options);
+        const defaultOptions = OpenStreetMapLayer.getDefaultOptions();
+        this._splitDirection = SplitDirection.NONE;
+        if (options.splitDirection) {
+            this._splitDirection =
+                options.splitDirection === 'left'
+                    ? SplitDirection.LEFT
+                    : SplitDirection.RIGHT;
+        }
+        this._opacity = parseNumberRange(options.opacity, defaultOptions.opacity, 0.0, 1.0);
+        this.maxLevel = parseInteger(options.maxLevel, defaultOptions.maxLevel);
+    }
+    get splitDirection() {
+        return this._splitDirection;
+    }
+    set splitDirection(direction) {
+        if (direction !== this._splitDirection) {
+            this._splitDirection = direction;
+            this.getImplementations().forEach((impl) => {
+                impl.updateSplitDirection(this._splitDirection);
+            });
+            this.splitDirectionChanged.raiseEvent(this._splitDirection);
+        }
+    }
+    /**
+     * The opacity between 0 (fully transparent) and 1 (fully opaque)
+     */
+    get opacity() {
+        return this._opacity;
+    }
+    set opacity(opacity) {
+        const parsedValue = parseNumberRange(opacity, this._opacity, 0, 1);
+        if (this._opacity !== parsedValue) {
+            this._opacity = parsedValue;
+            this.getImplementations().forEach((impl) => {
+                impl.updateOpacity(parsedValue);
+            });
+        }
+    }
+    getImplementationOptions() {
+        return {
+            ...super.getImplementationOptions(),
+            opacity: this.opacity,
+            splitDirection: this.splitDirection,
+            minLevel: 0,
+            maxLevel: this.maxLevel,
+            tilingSchema: TilingScheme.GEOGRAPHIC,
+        };
+    }
+    createImplementationsForMap(map) {
+        if (map instanceof OpenlayersMap) {
+            return [
+                new OpenStreetMapOpenlayersImpl(map, this.getImplementationOptions()),
+            ];
+        }
+        if (map instanceof CesiumMap) {
+            return [
+                new OpenStreetMapCesiumImpl(map, this.getImplementationOptions()),
+            ];
+        }
+        return [];
+    }
+    toJSON() {
+        const config = super.toJSON();
+        const defaultOptions = OpenStreetMapLayer.getDefaultOptions();
+        if (this._splitDirection !== SplitDirection.NONE) {
+            config.splitDirection =
+                this._splitDirection === SplitDirection.RIGHT ? 'right' : 'left';
+        }
+        if (this.opacity !== defaultOptions.opacity) {
+            config.opacity = this.opacity;
+        }
+        if (this.maxLevel !== defaultOptions.maxLevel) {
+            config.maxLevel = this.maxLevel;
+        }
+        if (this._splitDirection !== SplitDirection.NONE) {
+            config.splitDirection =
+                this._splitDirection === SplitDirection.RIGHT ? 'right' : 'left';
+        }
+        return config;
+    }
+    destroy() {
+        this.splitDirectionChanged.destroy();
+        super.destroy();
+    }
+}
+layerClassRegistry.registerClass(OpenStreetMapLayer.className, OpenStreetMapLayer);
+export default OpenStreetMapLayer;
+//# sourceMappingURL=openStreetMapLayer.js.map

package/dist/src/layer/openStreetMapLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openStreetMapLayer.js","sourceRoot":"","sources":["../../../src/layer/openStreetMapLayer.ts"],"names":[],"mappings":"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"}

package/dist/src/layer/openlayers/layerOpenlayersImpl.d.ts

@@ -0,0 +1,31 @@
+import { SplitDirection } from '@vcmap-cesium/engine';
+import type OLLayer from 'ol/layer/Layer.js';
+import LayerImplementation from '../layerImplementation.js';
+import type OpenlayersMap from '../../map/openlayersMap.js';
+import { LayerImplementationOptions } from '../layer.js';
+export type LayerOpenlayersImplementationOptions = LayerImplementationOptions & {
+    splitDirection: SplitDirection;
+};
+/**
+ * Layer implementation for {@link OpenlayersMap}.
+ * @extends {LayerImplementation<import("@vcmap/core").OpenlayersMap>}}
+ */
+declare class LayerOpenlayersImpl extends LayerImplementation<OpenlayersMap> {
+    static get className(): string;
+    olLayer: OLLayer | null;
+    splitDirection: SplitDirection;
+    private _splitDirectionRenderListeners;
+    constructor(map: OpenlayersMap, options: LayerOpenlayersImplementationOptions);
+    initialize(): Promise<void>;
+    activate(): Promise<void>;
+    deactivate(): void;
+    /**
+     * returns the ol Layer
+     * @returns {import("ol/layer").Layer<import("ol/source/Source").default>}
+     */
+    getOLLayer(): OLLayer;
+    updateSplitDirection(splitDirection: SplitDirection): void;
+    private _splitPreRender;
+    destroy(): void;
+}
+export default LayerOpenlayersImpl;

package/dist/src/layer/openlayers/layerOpenlayersImpl.js

@@ -0,0 +1,96 @@
+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 OpenlayersMap}.
+ * @extends {LayerImplementation<import("@vcmap/core").OpenlayersMap>}}
+ */
+class LayerOpenlayersImpl extends LayerImplementation {
+    static get className() {
+        return 'LayerOpenlayersImpl';
+    }
+    olLayer = null;
+    splitDirection;
+    _splitDirectionRenderListeners = null;
+    constructor(map, options) {
+        super(map, options);
+        this.splitDirection = options.splitDirection;
+    }
+    async initialize() {
+        if (!this.initialized) {
+            this.olLayer = this.getOLLayer();
+            this.olLayer[vcsLayerName] = this.name;
+            this.map.addOLLayer(this.olLayer);
+        }
+        await super.initialize();
+        this.updateSplitDirection(this.splitDirection);
+    }
+    async activate() {
+        await super.activate();
+        if (this.active) {
+            this.olLayer.setVisible(true);
+        }
+    }
+    deactivate() {
+        super.deactivate();
+        if (this.olLayer) {
+            this.olLayer.setVisible(false);
+        }
+    }
+    /**
+     * returns the ol Layer
+     * @returns {import("ol/layer").Layer<import("ol/source/Source").default>}
+     */
+    // eslint-disable-next-line class-methods-use-this
+    getOLLayer() {
+        throw new Error();
+    }
+    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(this.olLayer.on('prerender', this._splitPreRender.bind(this)));
+                this._splitDirectionRenderListeners.push(this.olLayer.on('postrender', (event) => {
+                    event.context.restore();
+                }));
+                this.olLayer.changed();
+            }
+        }
+    }
+    _splitPreRender(event) {
+        // eslint-disable-next-line prefer-destructuring
+        const context = 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();
+    }
+    destroy() {
+        if (this.olLayer) {
+            this.map.removeOLLayer(this.olLayer);
+        }
+        this.olLayer = null;
+        if (this._splitDirectionRenderListeners) {
+            unByKey(this._splitDirectionRenderListeners);
+            this._splitDirectionRenderListeners = null;
+        }
+        super.destroy();
+    }
+}
+export default LayerOpenlayersImpl;
+//# sourceMappingURL=layerOpenlayersImpl.js.map