@vcmap/core 6.3.1 → 6.3.3

package/dist/src/layer/cesium/{cogImageryProvider.js → imageryProvider/cogImageryProvider.js}

@@ -1,18 +1,41 @@
 import { createEmpty as createEmptyExtent, extend as extendExtent, getWidth as getExtentWidth, getHeight as getExtentHeight, getTopLeft as getTopLeftExtent, } from 'ol/extent.js';
 import TileState from 'ol/TileState.js';
-import { Cartesian2, Event as CesiumEvent, GeographicTilingScheme, Math as CesiumMath, Rectangle, WebMercatorTilingScheme, } from '@vcmap-cesium/engine';
+import { Cartesian2, GeographicTilingScheme, Math as CesiumMath, Rectangle, WebMercatorTilingScheme, } from '@vcmap-cesium/engine';
 import EventType from 'ol/events/EventType.js';
-import { mercatorExtentToRectangle, rectangleToMercatorExtent, } from '../../util/math.js';
+import { mercatorExtentToRectangle, rectangleToMercatorExtent, } from '../../../util/math.js';
+import AbstractVcsImageryProvider from './abstractVcsImageryProvider.js';
 export function createEmptyCanvas(width, height) {
     const canvas = document.createElement('canvas');
     canvas.width = width;
     canvas.height = height;
     return canvas;
 }
-function areGridsAligned(tileGrid, tilingScheme) {
+function areGridsAligned(tileGrid, tilingScheme, source) {
     const olRectangle = mercatorExtentToRectangle(tileGrid.getTileCoordExtent([0, 0, 0]));
     const cesiumRectangle = tilingScheme.tileXYToRectangle(0, 0, 0);
-    return Rectangle.equalsEpsilon(cesiumRectangle, olRectangle, CesiumMath.EPSILON8);
+    const rectanglesEqual = Rectangle.equalsEpsilon(cesiumRectangle, olRectangle, CesiumMath.EPSILON8);
+    if (rectanglesEqual) {
+        let width = 0;
+        let height = 0;
+        const numResolutions = tileGrid.getResolutions().length;
+        for (let i = 0; i < numResolutions; i++) {
+            // @ts-expect-error protected
+            const size = source.getTileSize(i);
+            if (!width) {
+                width = Math.round(size[0]);
+            }
+            else if (width !== Math.round(size[0])) {
+                return false;
+            }
+            if (!height) {
+                height = Math.round(size[1]);
+            }
+            else if (height !== Math.round(size[1])) {
+                return false;
+            }
+        }
+    }
+    return rectanglesEqual;
 }
 function getTilingSchemeFromSource(source) {
     const tileGrid = source.getTileGrid();
@@ -40,83 +63,73 @@ function getTilingSchemeFromSource(source) {
     }
     return tilingScheme;
 }
-export default class COGImageryProvider {
+function drawData(ctx, data, size, offsetX = 0, offsetY = 0) {
+    const imageData = ctx.createImageData(size[0], size[1]);
+    let usedData = data;
+    // this is a grey image
+    if (data.length === imageData.data.length / 2) {
+        usedData = new Uint8Array(imageData.data.length);
+        for (let i = 0; i < data.length; i++) {
+            const value = data[i];
+            if (i % 2 === 0) {
+                const pixelOffset = (i / 2) * 4;
+                usedData[pixelOffset] = value;
+                usedData[pixelOffset + 1] = value;
+                usedData[pixelOffset + 2] = value;
+            }
+            else {
+                const pixelOffset = ((i - 1) / 2) * 4;
+                usedData[pixelOffset + 3] = value;
+            }
+        }
+    }
+    imageData.data.set(usedData);
+    ctx.putImageData(imageData, offsetX, offsetY);
+}
+function getMaximumTileSize(source) {
+    let width = 0;
+    let height = 0;
+    const numResolutions = source.getTileGrid().getResolutions().length;
+    for (let i = 0; i < numResolutions; i++) {
+        // @ts-expect-error protected
+        const size = source.getTileSize(i);
+        if (width < size[0] && height < size[1]) {
+            width = Math.round(size[0]);
+            height = Math.round(size[1]);
+        }
+    }
+    return [width, height];
+}
+export default class COGImageryProvider extends AbstractVcsImageryProvider {
     _source;
-    _emptyCanvas;
     // eslint-disable-next-line @typescript-eslint/naming-convention
     _reload = undefined;
     _projection;
-    _tilingScheme;
     _tileGrid;
     _boundTileLoader;
-    tileWidth = 256;
-    tileHeight = 256;
     constructor(_source) {
+        const tileSize = getMaximumTileSize(_source);
+        const maxLevel = _source.getTileGrid()?.getMaxZoom?.() ?? 26;
+        super({
+            tilingScheme: getTilingSchemeFromSource(_source),
+            tileSize,
+            minLevel: 0,
+            maxLevel,
+        });
         this._source = _source;
-        this._emptyCanvas = createEmptyCanvas(this.tileWidth, this.tileHeight);
         this._projection = this._source.getProjection();
         this._tileGrid = this._source.getTileGrid();
-        this._tilingScheme = getTilingSchemeFromSource(this._source);
-        if (areGridsAligned(this._tileGrid, this._tilingScheme)) {
+        if (areGridsAligned(this._tileGrid, this._tilingScheme, this._source)) {
             this._boundTileLoader = this._loadAlignedTile.bind(this);
         }
         else {
             this._boundTileLoader = this._loadUnalignedTile.bind(this);
         }
-        // @ts-expect-error protected
-        const [width, height] = this._source.getTileSize(0);
-        this.tileWidth = Math.round(width);
-        this.tileHeight = Math.round(height);
-    }
-    // eslint-disable-next-line class-methods-use-this,@typescript-eslint/naming-convention
-    get _ready() {
-        return true;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    get ready() {
-        return true;
-    }
-    get rectangle() {
-        return this._tilingScheme.rectangle;
-    }
-    get tilingScheme() {
-        return this._tilingScheme;
-    }
-    errorEvent = new CesiumEvent();
-    // eslint-disable-next-line class-methods-use-this
-    get credit() {
-        return undefined;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    get proxy() {
-        return undefined;
-    }
-    get maximumLevel() {
-        const tileGrid = this._source.getTileGrid();
-        if (tileGrid) {
-            return tileGrid.getMaxZoom();
-        }
-        else {
-            return 18; // some arbitrary value
-        }
     }
-    // eslint-disable-next-line class-methods-use-this
-    get minimumLevel() {
-        // WARNING: Do not use the minimum level (at least until the extent is
-        // properly set). Cesium assumes the minimumLevel to contain only
-        // a few tiles and tries to load them all at once -- this can
-        // freeze and/or crash the browser !
-        return 0;
-        //var tg = this._source.getTileGrid();
-        //return tg ? tg.getMinZoom() : 0;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    get tileDiscardPolicy() {
-        return undefined;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    get hasAlphaChannel() {
-        return true;
+    _getTileSizeForLevel(level) {
+        // @ts-expect-error protected
+        const [width, height] = this._source.getTileSize(level);
+        return [Math.round(width), Math.round(height)];
     }
     async _loadOLTile(x, y, level) {
         const tile = this._source.getTile(level, x, y, 1, this._projection);
@@ -151,40 +164,17 @@ export default class COGImageryProvider {
         }
         return Promise.resolve(undefined);
     }
-    _drawData(ctx, data, offsetX = 0, offsetY = 0) {
-        const imageData = ctx.createImageData(this.tileWidth, this.tileHeight);
-        let usedData = data;
-        // this is a grey image
-        if (data.length === imageData.data.length / 2) {
-            usedData = new Uint8Array(imageData.data.length);
-            for (let i = 0; i < data.length; i++) {
-                const value = data[i];
-                if (i % 2 === 0) {
-                    const pixelOffset = (i / 2) * 4;
-                    usedData[pixelOffset] = value;
-                    usedData[pixelOffset + 1] = value;
-                    usedData[pixelOffset + 2] = value;
-                }
-                else {
-                    const pixelOffset = ((i - 1) / 2) * 4;
-                    usedData[pixelOffset + 3] = value;
-                }
-            }
-        }
-        imageData.data.set(usedData);
-        ctx.putImageData(imageData, offsetX, offsetY);
-    }
     async _loadAlignedTile(x, y, level) {
         const tileData = await this._loadOLTile(x, y, level);
         if (tileData) {
             const canvas = createEmptyCanvas(this.tileWidth, this.tileHeight);
             const ctx = canvas.getContext('2d');
             if (ctx) {
-                this._drawData(ctx, tileData);
+                drawData(ctx, tileData, [this.tileWidth, this.tileHeight]);
             }
             return canvas;
         }
-        return this._emptyCanvas;
+        return this.emptyCanvas;
     }
     async _loadUnalignedTile(x, y, level) {
         const rectangle = this._tilingScheme.tileXYToRectangle(x, y, level);
@@ -192,10 +182,11 @@ export default class COGImageryProvider {
         const resolution = Math.max(getExtentWidth(extent) / this.tileWidth, getExtentHeight(extent) / this.tileHeight);
         const levelResolution = this._tileGrid.getZForResolution(resolution);
         const tileRange = this._tileGrid.getTileRangeForExtentAndZ(extent, levelResolution);
-        const canvas = createEmptyCanvas(this.tileWidth * tileRange.getWidth(), this.tileHeight * tileRange.getHeight());
+        const [levelWidth, levelHeight] = this._getTileSizeForLevel(levelResolution);
+        const canvas = createEmptyCanvas(levelWidth * tileRange.getWidth(), levelHeight * tileRange.getHeight());
         const ctx = canvas.getContext('2d');
         if (!ctx) {
-            return this._emptyCanvas;
+            return this.emptyCanvas;
         }
         const promises = [];
         const tileRangeExtent = createEmptyExtent();
@@ -208,15 +199,15 @@ export default class COGImageryProvider {
                 ]));
                 promises.push(this._loadOLTile(partialX, partialY, levelResolution).then((tileData) => {
                     if (tileData) {
-                        this._drawData(ctx, tileData, (partialX - tileRange.minX) * this.tileWidth, (partialY - tileRange.minY) * this.tileHeight);
+                        drawData(ctx, tileData, [levelWidth, levelHeight], (partialX - tileRange.minX) * levelWidth, (partialY - tileRange.minY) * levelHeight);
                     }
                 }));
             }
         }
         await Promise.all(promises);
-        const unitsPerPixelX = getExtentWidth(tileRangeExtent) / (this.tileWidth * tileRange.getWidth());
-        const unitsPerPixelY = getExtentHeight(tileRangeExtent) /
-            (this.tileHeight * tileRange.getHeight());
+        // TODO if canvas has same height and width early escape
+        const unitsPerPixelX = getExtentWidth(tileRangeExtent) / (levelWidth * tileRange.getWidth());
+        const unitsPerPixelY = getExtentHeight(tileRangeExtent) / (levelHeight * tileRange.getHeight());
         const tileRangeTopLeft = getTopLeftExtent(tileRangeExtent);
         const extentTopLeft = getTopLeftExtent(extent);
         const windowX = Math.abs(tileRangeTopLeft[0] - extentTopLeft[0]) / unitsPerPixelX;
@@ -229,7 +220,7 @@ export default class COGImageryProvider {
             windowCtx.drawImage(canvas, windowX, windowY, windowWidth, windowHeight, 0, 0, this.tileWidth, this.tileHeight);
             return windowCanvas;
         }
-        return this._emptyCanvas;
+        return this.emptyCanvas;
     }
     requestImage(x, y, level) {
         return this._boundTileLoader(x, y, level);

package/dist/src/layer/cesium/imageryProvider/cogImageryProvider.js.map

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

package/dist/src/layer/cesium/{mapboxStyleImageryProvider.d.ts → imageryProvider/mapboxStyleImageryProvider.d.ts}

@@ -1,6 +1,7 @@
 import type LayerGroup from 'ol/layer/Group.js';
-import VectorTileImageryProvider from './vectorTileImageryProvider.js';
 import type { VectorTileImageryProviderOptions } from './vectorTileImageryProvider.js';
+import AbstractVcsImageryProvider from './abstractVcsImageryProvider.js';
+import type TileProvider from '../../tileProvider/tileProvider.js';
 export type MapboxStyleImageryProviderOptions = VectorTileImageryProviderOptions & {
     styledMapboxLayerGroup: LayerGroup;
     minimumTerrainLevel?: number;
@@ -10,17 +11,12 @@ export type MapboxStyleImageryProviderOptions = VectorTileImageryProviderOptions
 /**
  * Implementation of Cesium ImageryProvider Interface for Mapbox Style Tiles
  */
-declare class MapboxStyleImageryProvider extends VectorTileImageryProvider {
+declare class MapboxStyleImageryProvider extends AbstractVcsImageryProvider {
     static get className(): string;
-    private _tileCacheByLevel;
-    private _maxCacheSize;
-    private _isRendering;
-    private _renderMap;
+    tileProvider: TileProvider;
+    private _olImageRenderer;
     constructor(options: MapboxStyleImageryProviderOptions);
     requestImage(x: number, y: number, level: number): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
-    private _doRequestImage;
-    private _getLevelCache;
-    private _renderTile;
     destroy(): void;
 }
 export default MapboxStyleImageryProvider;

package/dist/src/layer/cesium/imageryProvider/mapboxStyleImageryProvider.js

@@ -0,0 +1,37 @@
+import { createOLImageRenderer, } from './olImageRenderer.js';
+import AbstractVcsImageryProvider from './abstractVcsImageryProvider.js';
+/**
+ * Implementation of Cesium ImageryProvider Interface for Mapbox Style Tiles
+ */
+class MapboxStyleImageryProvider extends AbstractVcsImageryProvider {
+    static get className() {
+        return 'MapboxStyleImageryProvider';
+    }
+    tileProvider;
+    _olImageRenderer;
+    constructor(options) {
+        super({
+            tilingScheme: options.tileProvider.tilingScheme,
+            tileSize: options.tileSize,
+            minLevel: 0,
+            maxLevel: 26,
+        });
+        this.tileProvider = options.tileProvider;
+        this._olImageRenderer = createOLImageRenderer({
+            tilingScheme: this.tileProvider.tilingScheme,
+            tileWidth: this.tileWidth,
+            tileHeight: this.tileHeight,
+            tileCacheSize: options.tileCacheSize,
+            emptyCanvas: this.emptyCanvas,
+        });
+        this._olImageRenderer.map.addLayer(options.styledMapboxLayerGroup);
+    }
+    requestImage(x, y, level) {
+        return this._olImageRenderer.requestImage(x, y, level);
+    }
+    destroy() {
+        this._olImageRenderer.destroy();
+    }
+}
+export default MapboxStyleImageryProvider;
+//# sourceMappingURL=mapboxStyleImageryProvider.js.map

package/dist/src/layer/cesium/imageryProvider/mapboxStyleImageryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapboxStyleImageryProvider.js","sourceRoot":"","sources":["../../../../../src/layer/cesium/imageryProvider/mapboxStyleImageryProvider.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,GAEtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAWzE;;GAEG;AACH,MAAM,0BAA2B,SAAQ,0BAA0B;IACjE,MAAM,KAAK,SAAS;QAClB,OAAO,4BAA4B,CAAC;IACtC,CAAC;IAED,YAAY,CAAe;IAEnB,gBAAgB,CAAkB;IAE1C,YAAY,OAA0C;QACpD,KAAK,CAAC;YACJ,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY;YAC/C,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAEzC,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC;YAC5C,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY;YAC5C,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa,EAAE,OAAO,CAAC,aAAa;YACpC,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACrE,CAAC;IAED,YAAY,CACV,CAAS,EACT,CAAS,EACT,KAAa;QAEb,OAAO,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC;CACF;AAED,eAAe,0BAA0B,CAAC"}

package/dist/src/layer/cesium/imageryProvider/olImageRenderer.d.ts

@@ -0,0 +1,18 @@
+import type { TilingScheme } from '@vcmap-cesium/engine';
+import OLMap from 'ol/Map.js';
+import { type Extent } from 'ol/extent.js';
+export type OLImageRenderer = {
+    readonly isRendering: boolean;
+    readonly map: OLMap;
+    requestImage(x: number, y: number, level: number): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
+    destroy(): void;
+};
+export type OLImageRendererOptions = {
+    tilingScheme: TilingScheme;
+    tileWidth: number;
+    tileHeight: number;
+    emptyCanvas: HTMLCanvasElement;
+    tileCacheSize?: number;
+    fetchFeatures?: (x: number, y: number, level: number, extent: Extent) => Promise<void>;
+};
+export declare function createOLImageRenderer(options: OLImageRendererOptions): OLImageRenderer;

package/dist/src/layer/cesium/imageryProvider/olImageRenderer.js

@@ -0,0 +1,144 @@
+import OLMap from 'ol/Map.js';
+import LRUCache from 'ol/structs/LRUCache.js';
+import { buffer, getCenter } from 'ol/extent.js';
+import { getLogger } from '@vcsuite/logger';
+import { parseInteger } from '@vcsuite/parsers';
+import { rectangleToMercatorExtent } from '../../../util/math.js';
+function getTileCacheKey(x, y, level) {
+    return `${x}-${y}-${level}`;
+}
+function getGutterSize(level) {
+    if (level < 12) {
+        return 32;
+    }
+    if (level < 15) {
+        return 48;
+    }
+    return 64;
+}
+export function createOLImageRenderer(options) {
+    const maxCacheSize = parseInteger(options.tileCacheSize, 100);
+    const { tilingScheme, tileWidth, tileHeight, emptyCanvas, fetchFeatures } = options;
+    const renderMap = new OLMap({
+        target: document.createElement('div'),
+    });
+    const tileCacheByLevel = new Map();
+    let isRendering = false;
+    function getLevelCache(level) {
+        const existing = tileCacheByLevel.get(level);
+        if (existing) {
+            return existing;
+        }
+        const cache = new LRUCache(maxCacheSize);
+        tileCacheByLevel.set(level, cache);
+        return cache;
+    }
+    function renderTile(level, extent, gutterSize) {
+        const TIMEOUT_MS = 2500;
+        return new Promise((resolve) => {
+            let isFinished = false;
+            const finish = (canvas) => {
+                if (isFinished) {
+                    return;
+                }
+                isFinished = true;
+                resolve(canvas);
+            };
+            try {
+                if (!renderMap) {
+                    finish(emptyCanvas);
+                    return;
+                }
+                const renderWidth = tileWidth + 2 * gutterSize;
+                const renderHeight = tileHeight + 2 * gutterSize;
+                const view = renderMap.getView();
+                view.setCenter(getCenter(extent));
+                view.setZoom(level);
+                renderMap.setSize([renderWidth, renderHeight]);
+                const handleRenderComplete = () => {
+                    renderMap?.un('rendercomplete', handleRenderComplete);
+                    const renderedCanvas = renderMap
+                        ?.getViewport()
+                        .querySelector('canvas');
+                    if (!renderedCanvas) {
+                        finish(emptyCanvas);
+                        return;
+                    }
+                    // Crop the canvas to extract the center portion (original tile size)
+                    const tileCanvas = document.createElement('canvas');
+                    tileCanvas.width = tileWidth;
+                    tileCanvas.height = tileHeight;
+                    const ctx = tileCanvas.getContext('2d');
+                    if (ctx) {
+                        const scaleX = renderedCanvas.width / renderWidth;
+                        const scaleY = renderedCanvas.height / renderHeight;
+                        ctx.drawImage(renderedCanvas, gutterSize * scaleX, gutterSize * scaleY, tileWidth * scaleX, tileHeight * scaleY, 0, 0, tileWidth, tileHeight);
+                    }
+                    finish(tileCanvas);
+                };
+                const timeoutId = window.setTimeout(() => {
+                    renderMap?.un('rendercomplete', handleRenderComplete);
+                    getLogger('MapboxVectorTileImageryProvider').warning('Tile render timed out; returning empty tile.');
+                    finish(emptyCanvas);
+                }, TIMEOUT_MS);
+                const wrappedHandleRenderComplete = () => {
+                    window.clearTimeout(timeoutId);
+                    handleRenderComplete();
+                };
+                renderMap.once('rendercomplete', wrappedHandleRenderComplete);
+                renderMap.render();
+            }
+            catch (e) {
+                getLogger('MapboxVectorTileImageryProvider').error(`Error rendering tile: ${e.message}`);
+                finish(emptyCanvas);
+            }
+        });
+    }
+    async function doRequestImage(x, y, level, cacheKey) {
+        const rectangle = tilingScheme.tileXYToRectangle(x, y, level);
+        const extent = rectangleToMercatorExtent(rectangle);
+        // Add gutters to prevent labels from being cut off
+        const gutterSize = getGutterSize(level);
+        const gutter = ((extent[2] - extent[0]) / tileWidth) * gutterSize;
+        const expandedExtent = buffer(extent, gutter);
+        isRendering = true;
+        if (fetchFeatures) {
+            await fetchFeatures(x, y, level, expandedExtent);
+        }
+        const renderedTile = await renderTile(level, expandedExtent, gutterSize);
+        isRendering = false;
+        const levelCache = getLevelCache(level);
+        levelCache.set(cacheKey, renderedTile);
+        levelCache.expireCache();
+        return renderedTile;
+    }
+    return {
+        get map() {
+            return renderMap;
+        },
+        get isRendering() {
+            return isRendering;
+        },
+        requestImage(x, y, level) {
+            const cacheKey = getTileCacheKey(x, y, level);
+            const levelCache = getLevelCache(level);
+            if (levelCache.containsKey(cacheKey)) {
+                return Promise.resolve(levelCache.get(cacheKey));
+            }
+            if (isRendering) {
+                return undefined;
+            }
+            return doRequestImage(x, y, level, cacheKey);
+        },
+        destroy() {
+            for (const cache of tileCacheByLevel.values()) {
+                cache.clear();
+            }
+            tileCacheByLevel.clear();
+            isRendering = false;
+            renderMap.setTarget(undefined);
+            renderMap.dispose();
+        },
+    };
+}
+//# sourceMappingURL=olImageRenderer.js.map

package/dist/src/layer/cesium/imageryProvider/olImageRenderer.js.map

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

package/dist/src/layer/cesium/imageryProvider/panoramaDatasetImageryProvider.d.ts

@@ -0,0 +1,12 @@
+import { type VectorTileImageryProviderOptions } from './vectorTileImageryProvider.js';
+import AbstractVcsImageryProvider from './abstractVcsImageryProvider.js';
+import type TileProvider from '../../tileProvider/tileProvider.js';
+export default class PanoramaDatasetImageryProvider extends AbstractVcsImageryProvider {
+    private _source;
+    private _olImageRenderer;
+    tileProvider: TileProvider;
+    constructor(options: VectorTileImageryProviderOptions);
+    requestImage(x: number, y: number, level: number): Promise<HTMLImageElement | HTMLCanvasElement> | undefined;
+    private _fetchFeatures;
+    destroy(): void;
+}

package/dist/src/layer/cesium/imageryProvider/panoramaDatasetImageryProvider.js

@@ -0,0 +1,45 @@
+import VectorSource from 'ol/source/Vector.js';
+import VectorLayer from 'ol/layer/Vector.js';
+import { createOLImageRenderer, } from './olImageRenderer.js';
+import Extent from '../../../util/extent.js';
+import { mercatorProjection } from '../../../util/projection.js';
+import AbstractVcsImageryProvider from './abstractVcsImageryProvider.js';
+export default class PanoramaDatasetImageryProvider extends AbstractVcsImageryProvider {
+    _source = new VectorSource({ useSpatialIndex: false });
+    _olImageRenderer;
+    tileProvider;
+    constructor(options) {
+        super({
+            tilingScheme: options.tileProvider.tilingScheme,
+            tileSize: options.tileSize,
+            minLevel: 0,
+            maxLevel: 26,
+        });
+        this.tileProvider = options.tileProvider;
+        this._olImageRenderer = createOLImageRenderer({
+            tilingScheme: this.tileProvider.tilingScheme,
+            tileWidth: this.tileWidth,
+            tileHeight: this.tileHeight,
+            emptyCanvas: this.emptyCanvas,
+            fetchFeatures: this._fetchFeatures.bind(this),
+        });
+        this._olImageRenderer.map.addLayer(new VectorLayer({ source: this._source, declutter: true }));
+    }
+    requestImage(x, y, level) {
+        return this._olImageRenderer.requestImage(x, y, level);
+    }
+    async _fetchFeatures(_x, _y, level, extent) {
+        const vcsExtent = new Extent({
+            coordinates: extent,
+            projection: mercatorProjection.toJSON(),
+        });
+        const features = await this.tileProvider.getFeaturesForExtent(vcsExtent, level);
+        this._source.clear(true);
+        this._source.addFeatures(features);
+    }
+    destroy() {
+        this._source.dispose();
+        this._olImageRenderer.destroy();
+    }
+}
+//# sourceMappingURL=panoramaDatasetImageryProvider.js.map

package/dist/src/layer/cesium/imageryProvider/panoramaDatasetImageryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panoramaDatasetImageryProvider.js","sourceRoot":"","sources":["../../../../../src/layer/cesium/imageryProvider/panoramaDatasetImageryProvider.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EACL,qBAAqB,GAEtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAGzE,MAAM,CAAC,OAAO,OAAO,8BAA+B,SAAQ,0BAA0B;IAC5E,OAAO,GAAG,IAAI,YAAY,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvD,gBAAgB,CAAkB;IAE1C,YAAY,CAAe;IAE3B,YAAY,OAAyC;QACnD,KAAK,CAAC;YACJ,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,YAAY;YAC/C,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;QAEzC,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC;YAC5C,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY;YAC5C,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,aAAa,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;SAC9C,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAChC,IAAI,WAAW,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAC3D,CAAC;IACJ,CAAC;IAED,YAAY,CACV,CAAS,EACT,CAAS,EACT,KAAa;QAEb,OAAO,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC;IAEO,KAAK,CAAC,cAAc,CAC1B,EAAU,EACV,EAAU,EACV,KAAa,EACb,MAAgB;QAEhB,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC;YAC3B,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,kBAAkB,CAAC,MAAM,EAAE;SACxC,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAC3D,SAAS,EACT,KAAK,CACN,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACvB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC;CACF"}