@vcmap/core 6.1.11 → 6.2.0-rc.2

package/src/layer/singleImageLayer.ts

@@ -1,8 +1,9 @@
 import { check } from '@vcsuite/check';
-import RasterLayer, {
+import type {
   RasterLayerImplementationOptions,
   RasterLayerOptions,
 } from './rasterLayer.js';
+import RasterLayer from './rasterLayer.js';
 import SingleImageCesiumImpl from './cesium/singleImageCesiumImpl.js';
 import SingleImageOpenlayersImpl from './openlayers/singleImageOpenlayersImpl.js';
 import CesiumMap from '../map/cesiumMap.js';
@@ -10,7 +11,7 @@ import OpenlayersMap from '../map/openlayersMap.js';
 import Extent from '../util/extent.js';
 import { layerClassRegistry } from '../classRegistry.js';
 import { wgs84Projection } from '../util/projection.js';
-import VcsMap from '../map/vcsMap.js';
+import type VcsMap from '../map/vcsMap.js';
 
 export type SingleImageOptions = RasterLayerOptions & {
   credit?: string;

package/src/layer/terrainHelpers.ts

@@ -6,7 +6,8 @@ import {
 } from '@vcmap-cesium/engine';
 import type { Coordinate } from 'ol/coordinate.js';
 import { getTransform } from 'ol/proj.js';
-import Projection, { wgs84Projection } from '../util/projection.js';
+import type Projection from '../util/projection.js';
+import { wgs84Projection } from '../util/projection.js';
 import { getResourceOrUrl } from './cesium/resourceHelper.js';
 
 export type TerrainProviderOptions = {

package/src/layer/terrainLayer.ts

@@ -1,6 +1,7 @@
 import { parseBoolean } from '@vcsuite/parsers';
 import type { Coordinate } from 'ol/coordinate.js';
-import Layer, { LayerImplementationOptions, LayerOptions } from './layer.js';
+import type { LayerImplementationOptions, LayerOptions } from './layer.js';
+import Layer from './layer.js';
 import {
   getHeightFromTerrainProvider,
   getTerrainProviderForUrl,
@@ -8,7 +9,7 @@ import {
 import CesiumMap from '../map/cesiumMap.js';
 import TerrainCesiumImpl from './cesium/terrainCesiumImpl.js';
 import { layerClassRegistry } from '../classRegistry.js';
-import VcsMap from '../map/vcsMap.js';
+import type VcsMap from '../map/vcsMap.js';
 
 export type TerrainOptions = LayerOptions & {
   requestVertexNormals?: boolean;

package/src/layer/tileLoadedHelper.ts

@@ -1,7 +1,7 @@
 import type { Globe } from '@vcmap-cesium/engine';
 import CesiumTilesetCesiumImpl from './cesium/cesiumTilesetCesiumImpl.js';
-import CesiumTilesetLayer from './cesiumTilesetLayer.js';
-import FeatureStoreLayer from './featureStoreLayer.js';
+import type CesiumTilesetLayer from './cesiumTilesetLayer.js';
+import type FeatureStoreLayer from './featureStoreLayer.js';
 
 function waitForImplTilesLoaded(
   impl: CesiumTilesetCesiumImpl,

package/src/layer/tileProvider/flatGeobufTileProvider.ts

@@ -1,17 +1,19 @@
-import Feature from 'ol/Feature.js';
-import { HttpReader } from 'flatgeobuf/lib/mjs/http-reader.js';
-import TileProvider, {
-  rectangleToExtent,
-  TileProviderOptions,
-} from './tileProvider.js';
+import type Feature from 'ol/Feature.js';
+import type { HttpReader } from 'flatgeobuf/lib/mjs/http-reader.js';
+import type { TileProviderOptions } from './tileProvider.js';
+import TileProvider, { rectangleToExtent } from './tileProvider.js';
+import type { ProjectionOptions } from '../../util/projection.js';
 import Projection, {
   getDefaultProjection,
   mercatorProjection,
-  ProjectionOptions,
 } from '../../util/projection.js';
 import Extent from '../../util/extent.js';
 import { tileProviderClassRegistry } from '../../classRegistry.js';
-import { getOlFeatures, getValidReader } from '../flatGeobufHelpers.js';
+import {
+  getOlFeatures,
+  getRootNode,
+  getValidReader,
+} from '../flatGeobufHelpers.js';
 
 export type FlatGeobufTileProviderOptions = Omit<
   TileProviderOptions,
@@ -66,6 +68,16 @@ export default class FlatGeobufTileProvider extends TileProvider {
     return levelConfig.reader;
   }
 
+  async getLevelExtent(level: number): Promise<Extent> {
+    const reader = await this.getReaderAndProjection(level);
+    const rootNode = await getRootNode(reader);
+
+    return new Extent({
+      coordinates: [rootNode.minX, rootNode.minY, rootNode.maxX, rootNode.maxY],
+      projection: this._projection.toJSON(),
+    });
+  }
+
   async loader(x: number, y: number, z: number): Promise<Feature[]> {
     const rectangle = this.tilingScheme.tileXYToRectangle(x, y, z);
     const extent = rectangleToExtent(rectangle);
@@ -79,13 +91,13 @@ export default class FlatGeobufTileProvider extends TileProvider {
   }
 
   toJSON(): FlatGeobufTileProviderOptions {
-    const config = {
+    const config: FlatGeobufTileProviderOptions & { baseLevels?: number[] } = {
       levels: Array.from(this._levels.entries()).map(([level, { url }]) => ({
         level,
         url,
       })),
       ...super.toJSON(),
-    } as FlatGeobufTileProviderOptions & { baseLevels?: number[] };
+    };
     delete config.baseLevels;
     if (this._projection.epsg !== getDefaultProjection().epsg) {
       config.projection = this._projection.toJSON();

package/src/layer/tileProvider/mvtTileProvider.ts

@@ -2,10 +2,8 @@ import MVT from 'ol/format/MVT.js';
 import Feature from 'ol/Feature.js';
 import { getCenter } from 'ol/extent.js';
 import type { Geometry } from 'ol/geom.js';
-import TileProvider, {
-  rectangleToExtent,
-  TileProviderOptions,
-} from './tileProvider.js';
+import type { TileProviderOptions } from './tileProvider.js';
+import TileProvider, { rectangleToExtent } from './tileProvider.js';
 import { getURL } from './urlTemplateTileProvider.js';
 import { getInitForUrl, requestArrayBuffer } from '../../util/fetch.js';
 import { tileProviderClassRegistry } from '../../classRegistry.js';
@@ -34,7 +32,7 @@ class MVTTileProvider extends TileProvider {
 
   url: string;
 
-  private _MVTFormat = new MVT<Feature>({ featureClass: Feature });
+  private _mvtFormat = new MVT<Feature>({ featureClass: Feature });
 
   constructor(options: MVTTileProviderOptions) {
     const defaultOptions = MVTTileProvider.getDefaultOptions();
@@ -72,7 +70,7 @@ class MVTTileProvider extends TileProvider {
     const center = getCenter(extent);
     const init = getInitForUrl(this.url, headers);
     const data = await requestArrayBuffer(url, init);
-    const features = this._MVTFormat.readFeatures(data);
+    const features = this._mvtFormat.readFeatures(data);
     const sx = (extent[2] - extent[0]) / 4096;
     const sy = -((extent[3] - extent[1]) / 4096);
     features.forEach((feature) => {

package/src/layer/tileProvider/staticFeatureTileProvider.ts

@@ -1,5 +1,6 @@
-import { Feature } from 'ol';
-import TileProvider, { TileProviderOptions } from './tileProvider.js';
+import type { Feature } from 'ol';
+import type { TileProviderOptions } from './tileProvider.js';
+import TileProvider from './tileProvider.js';
 
 export type StaticFeatureTileProviderOptions = Omit<
   TileProviderOptions,
@@ -28,7 +29,6 @@ export default class StaticFeatureTileProvider extends TileProvider {
     this._features = options.features || defaultOptions.features;
   }
 
-  // eslint-disable-next-line no-unused-vars
   loader(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _x: number,

package/src/layer/tileProvider/staticGeojsonTileProvider.ts

@@ -1,7 +1,8 @@
 import type { GeoJSONObject } from 'ol/format/GeoJSON.js';
 import type { Feature } from 'ol/index.js';
 import { parseGeoJSON } from '../geojsonHelpers.js';
-import TileProvider, { TileProviderOptions } from './tileProvider.js';
+import type { TileProviderOptions } from './tileProvider.js';
+import TileProvider from './tileProvider.js';
 import { getInitForUrl, requestJson } from '../../util/fetch.js';
 import { tileProviderClassRegistry } from '../../classRegistry.js';
 
@@ -34,7 +35,6 @@ class StaticGeoJSONTileProvider extends TileProvider {
     this.url = options.url || defaultOptions.url;
   }
 
-  // eslint-disable-next-line no-unused-vars
   async loader(
     _x: number,
     _y: number,

package/src/layer/tileProvider/tileProvider.ts

@@ -22,7 +22,8 @@ import {
   wgs84Projection,
   wgs84ToMercatorTransformer,
 } from '../../util/projection.js';
-import VcsObject, { VcsObjectOptions } from '../../vcsObject.js';
+import type { VcsObjectOptions } from '../../vcsObject.js';
+import VcsObject from '../../vcsObject.js';
 import VcsEvent from '../../vcsEvent.js';
 import { tileProviderClassRegistry } from '../../classRegistry.js';
 import type Extent from '../../util/extent.js';
@@ -45,8 +46,8 @@ export type TileProviderRtree = RBush<TileProviderRTreeEntry>;
 /**
  * resolutions to levels
  */
-// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-export const mercatorResolutionsToLevel: Array<number> = new Array(25);
+
+export const mercatorResolutionsToLevel = new Array<number>(25);
 for (let i = 0; i < mercatorResolutionsToLevel.length; i++) {
   mercatorResolutionsToLevel[i] = (20037508.3427892 * 2) / 256 / 2 ** (i + 1);
 }
@@ -139,12 +140,12 @@ class TileProvider extends VcsObject {
   /**
    * cache of tiles for each baseLevel
    */
-  cache: Map<number, LRUCache<Promise<TileProviderRtree>>> = new Map();
+  cache = new Map<number, LRUCache<Promise<TileProviderRtree>>>();
 
   /**
    * Caches the loaded rTrees for quick Access to all features.
    */
-  rtreeCache: Map<string, TileProviderRtree> = new Map();
+  rtreeCache = new Map<string, TileProviderRtree>();
 
   readonly trackFeaturesToTiles: boolean;
 
@@ -153,9 +154,9 @@ class TileProvider extends VcsObject {
   /**
    * set of currently loaded featureIds with the corresponding tileIds
    */
-  readonly featureIdToTileIds: Map<string, Set<string>> = new Map();
+  readonly featureIdToTileIds = new Map<string, Set<string>>();
 
-  readonly tileLoadedEvent: VcsEvent<TileLoadedEvent> = new VcsEvent();
+  readonly tileLoadedEvent = new VcsEvent<TileLoadedEvent>();
 
   private _locale = 'en';
 
@@ -634,11 +635,15 @@ class TileProvider extends VcsObject {
    *     return features;
    *   });
    */
-  // eslint-disable-next-line class-methods-use-this,no-unused-vars
+  // eslint-disable-next-line class-methods-use-this
   loader(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _x: number,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _y: number,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _z: number,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     _headers?: Record<string, string>,
   ): Promise<Feature[]> {
     return Promise.resolve([]);
@@ -655,8 +660,8 @@ class TileProvider extends VcsObject {
     if (
       !(
         this.baseLevels.length === defaultOptions.baseLevels?.length &&
-        this.baseLevels.every(
-          (level) => defaultOptions.baseLevels?.includes(level),
+        this.baseLevels.every((level) =>
+          defaultOptions.baseLevels?.includes(level),
         )
       )
     ) {

package/src/layer/tileProvider/urlTemplateTileProvider.ts

@@ -2,7 +2,8 @@ import type { GeoJSONObject } from 'ol/format/GeoJSON.js';
 import { Math as CesiumMath, Rectangle } from '@vcmap-cesium/engine';
 import type { Feature } from 'ol/index.js';
 import { parseGeoJSON } from '../geojsonHelpers.js';
-import TileProvider, { TileProviderOptions } from './tileProvider.js';
+import type { TileProviderOptions } from './tileProvider.js';
+import TileProvider from './tileProvider.js';
 import { getInitForUrl, requestJson } from '../../util/fetch.js';
 import { tileProviderClassRegistry } from '../../classRegistry.js';
 

package/src/layer/tmsLayer.ts

@@ -1,15 +1,15 @@
 import type { Size } from 'ol/size.js';
-import RasterLayer, {
+import type {
   RasterLayerImplementationOptions,
   RasterLayerOptions,
-  TilingScheme,
 } from './rasterLayer.js';
+import RasterLayer, { TilingScheme } from './rasterLayer.js';
 import OpenlayersMap from '../map/openlayersMap.js';
 import CesiumMap from '../map/cesiumMap.js';
 import TmsOpenlayersImpl from './openlayers/tmsOpenlayersImpl.js';
 import TmsCesiumImpl from './cesium/tmsCesiumImpl.js';
 import { layerClassRegistry } from '../classRegistry.js';
-import VcsMap from '../map/vcsMap.js';
+import type VcsMap from '../map/vcsMap.js';
 
 export type TMSOptions = RasterLayerOptions & {
   format?: string;

package/src/layer/vectorHelpers.ts

@@ -1,9 +1,8 @@
 import { unByKey } from 'ol/Observable.js';
 import type VectorSource from 'ol/source/Vector.js';
-import FeatureVisibility, {
-  FeatureVisibilityAction,
-} from './featureVisibility.js';
-import GlobalHider from './globalHider.js';
+import type FeatureVisibility from './featureVisibility.js';
+import { FeatureVisibilityAction } from './featureVisibility.js';
+import type GlobalHider from './globalHider.js';
 
 /**
  * Added to ol.source.Vector to determine, when the source has last had an update to its features visibility.

package/src/layer/vectorLayer.ts

@@ -5,32 +5,30 @@ import Feature from 'ol/Feature.js';
 import { v4 as uuidv4 } from 'uuid';
 import { check, oneOf } from '@vcsuite/check';
 import { parseBoolean } from '@vcsuite/parsers';
+import type { ProjectionOptions } from '../util/projection.js';
 import Projection, {
   getDefaultProjection,
   mercatorProjection,
-  ProjectionOptions,
 } from '../util/projection.js';
-import Layer, { SplitLayer } from './layer.js';
+import type { SplitLayer } from './layer.js';
+import Layer from './layer.js';
+import type { VectorStyleItemOptions } from '../style/vectorStyleItem.js';
 import VectorStyleItem, {
   defaultVectorStyle,
-  VectorStyleItemOptions,
   vectorStyleSymbol,
 } from '../style/vectorStyleItem.js';
-import DeclarativeStyleItem, {
-  DeclarativeStyleItemOptions,
-} from '../style/declarativeStyleItem.js';
+import type { DeclarativeStyleItemOptions } from '../style/declarativeStyleItem.js';
+import DeclarativeStyleItem from '../style/declarativeStyleItem.js';
 import writeStyle from '../style/writeStyle.js';
 import { alreadyTransformedToMercator } from './vectorSymbols.js';
 import Extent from '../util/extent.js';
-import VectorProperties, {
-  VcsMeta,
-  vcsMetaVersion,
-  VectorPropertiesOptions,
-} from './vectorProperties.js';
-import FeatureLayer, {
+import type { VcsMeta, VectorPropertiesOptions } from './vectorProperties.js';
+import VectorProperties, { vcsMetaVersion } from './vectorProperties.js';
+import type {
   FeatureLayerImplementationOptions,
   FeatureLayerOptions,
 } from './featureLayer.js';
+import FeatureLayer from './featureLayer.js';
 import OpenlayersMap from '../map/openlayersMap.js';
 import VectorOpenlayersImpl from './openlayers/vectorOpenlayersImpl.js';
 import VectorCesiumImpl from './cesium/vectorCesiumImpl.js';
@@ -38,13 +36,14 @@ import VectorObliqueImpl from './oblique/vectorObliqueImpl.js';
 import ObliqueMap from '../map/obliqueMap.js';
 import CesiumMap from '../map/cesiumMap.js';
 import { originalStyle, updateOriginalStyle } from './featureVisibility.js';
-import StyleItem, { StyleItemOptions } from '../style/styleItem.js';
+import type { StyleItemOptions } from '../style/styleItem.js';
+import StyleItem from '../style/styleItem.js';
 import { layerClassRegistry } from '../classRegistry.js';
 
 import type VcsMap from '../map/vcsMap.js';
-import { GeoJSONwriteOptions } from './geojsonHelpers.js';
+import type { GeoJSONwriteOptions } from './geojsonHelpers.js';
 import { vcsLayerName } from './layerSymbols.js';
-import CesiumTilesetCesiumImpl from './cesium/cesiumTilesetCesiumImpl.js';
+import type CesiumTilesetCesiumImpl from './cesium/cesiumTilesetCesiumImpl.js';
 import VcsEvent from '../vcsEvent.js';
 
 export type VectorOptions = FeatureLayerOptions & {

package/src/layer/vectorProperties.ts

@@ -22,8 +22,8 @@ import {
 } from '@vcsuite/parsers';
 import { getLogger as getLoggerByName, type Logger } from '@vcsuite/logger';
 import VcsEvent from '../vcsEvent.js';
-import { DeclarativeStyleItemOptions } from '../style/declarativeStyleItem.js';
-import { VectorStyleItemOptions } from '../style/vectorStyleItem.js';
+import type { DeclarativeStyleItemOptions } from '../style/declarativeStyleItem.js';
+import type { VectorStyleItemOptions } from '../style/vectorStyleItem.js';
 import type { FlightInstanceMeta } from '../util/flight/flightInstance.js';
 
 function getLogger(): Logger {
@@ -41,12 +41,12 @@ export type VectorPropertiesGeometryOptions<T extends PrimitiveOptionsType> =
   T extends PrimitiveOptionsType.CYLINDER
     ? ConstructorParameters<typeof CylinderGeometry>[0]
     : T extends PrimitiveOptionsType.SPHERE
-    ? ConstructorParameters<typeof SphereGeometry>[0]
-    : T extends PrimitiveOptionsType.ELLIPSOID
-    ? ConstructorParameters<typeof EllipsoidGeometry>[0]
-    : T extends PrimitiveOptionsType.BOX
-    ? ConstructorParameters<typeof BoxGeometry>[0]
-    : never;
+      ? ConstructorParameters<typeof SphereGeometry>[0]
+      : T extends PrimitiveOptionsType.ELLIPSOID
+        ? ConstructorParameters<typeof EllipsoidGeometry>[0]
+        : T extends PrimitiveOptionsType.BOX
+          ? ConstructorParameters<typeof BoxGeometry>[0]
+          : never;
 
 export type VectorPropertiesPrimitiveOptions<
   T extends PrimitiveOptionsType = PrimitiveOptionsType,
@@ -199,6 +199,8 @@ export type VectorPropertiesPrimitive = VectorPropertiesBaseOptions & {
  */
 export const vcsMetaVersion = '2.1';
 
+// legacy
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export const AltitudeModeCesium: Record<AltitudeModeType, HeightReference> = {
   clampToGround: HeightReference.CLAMP_TO_GROUND,
   clampTo3DTiles: HeightReference.CLAMP_TO_3D_TILE,
@@ -209,6 +211,8 @@ export const AltitudeModeCesium: Record<AltitudeModeType, HeightReference> = {
   relativeToTerrain: HeightReference.RELATIVE_TO_TERRAIN,
 };
 
+// legacy
+// eslint-disable-next-line @typescript-eslint/naming-convention
 export const ClassificationTypeCesium: Record<
   ClassificationTypeType,
   ClassificationType
@@ -600,11 +604,11 @@ class VectorProperties {
   }
 
   getEyeOffset(feature: Feature): Cartesian3 | undefined {
-    const featureValue = feature.get('olcs_eyeOffset') as unknown | undefined;
+    const featureValue = feature.get('olcs_eyeOffset') as unknown;
     if (!featureValue) {
-      const zCoordinateEyeOffset = feature.get('olcs_zCoordinateEyeOffset') as
-        | unknown
-        | undefined;
+      const zCoordinateEyeOffset = feature.get(
+        'olcs_zCoordinateEyeOffset',
+      ) as unknown;
       if (zCoordinateEyeOffset) {
         getLogger().deprecate(
           'zCoordinateEyeOffset',
@@ -628,7 +632,7 @@ class VectorProperties {
     }
   }
 
-  getHeightAboveGround(feature: Feature): number {
+  getHeightAboveGround(feature: Feature): number | undefined {
     return parseNumber(
       feature.get('olcs_heightAboveGround'),
       this.heightAboveGround,
@@ -1385,9 +1389,16 @@ class VectorProperties {
      * @param propertyValues An array of values for a specific property from different features.
      * @returns Whether all values are equal.
      */
-    function isAllEqual<
-      T extends string | number | boolean | number[] | Record<string, unknown>,
-    >(propertyValues: (T | undefined)[]): boolean {
+    function isAllEqual(
+      propertyValues: (
+        | string
+        | number
+        | boolean
+        | number[]
+        | Record<string, unknown>
+        | undefined
+      )[],
+    ): boolean {
       return propertyValues.every((curr, index, array) => {
         if (index === 0) {
           return true;

package/src/layer/vectorSymbols.ts

@@ -44,3 +44,13 @@ export const createSync: unique symbol = Symbol('createSync');
  * Can be present on ol/Feature to indicate the current primitives / billboards / models / labels associated with this feature
  */
 export const primitives: unique symbol = Symbol('primitives');
+
+/**
+ * An INTERNAL symbol used to keep track of the scale of scaled feature primitives.
+ */
+export const scaleSymbol: unique symbol = Symbol('Scale');
+
+/**
+ * Attached to all panorama features with the properties required to create a panorama image
+ */
+export const panoramaFeature = Symbol('panoramaFeature');

package/src/layer/vectorTileLayer.ts

@@ -10,22 +10,22 @@ import CesiumMap from '../map/cesiumMap.js';
 import VectorRasterTileCesiumImpl from './cesium/vectorRasterTileCesiumImpl.js';
 import OpenlayersMap from '../map/openlayersMap.js';
 import VectorTileOpenlayersImpl from './openlayers/vectorTileOpenlayersImpl.js';
-import FeatureLayer, {
+import type {
   FeatureLayerImplementation,
   FeatureLayerImplementationOptions,
   FeatureLayerOptions,
 } from './featureLayer.js';
+import FeatureLayer from './featureLayer.js';
+import type { VectorStyleItemOptions } from '../style/vectorStyleItem.js';
 import VectorStyleItem, {
   defaultVectorStyle,
-  VectorStyleItemOptions,
 } from '../style/vectorStyleItem.js';
-import VectorProperties, {
-  VectorPropertiesOptions,
-} from './vectorProperties.js';
-import DeclarativeStyleItem, {
-  DeclarativeStyleItemOptions,
-} from '../style/declarativeStyleItem.js';
-import FeatureVisibility, {
+import type { VectorPropertiesOptions } from './vectorProperties.js';
+import VectorProperties from './vectorProperties.js';
+import type { DeclarativeStyleItemOptions } from '../style/declarativeStyleItem.js';
+import DeclarativeStyleItem from '../style/declarativeStyleItem.js';
+import type FeatureVisibility from './featureVisibility.js';
+import {
   FeatureVisibilityAction,
   globalHidden,
   hidden,
@@ -39,16 +39,20 @@ import {
   layerClassRegistry,
   tileProviderClassRegistry,
 } from '../classRegistry.js';
-import TileProvider, {
+import type {
   TileLoadedEvent,
-  type TileProviderOptions,
   TileProviderRtree,
+  TileProviderOptions,
 } from './tileProvider/tileProvider.js';
-import GlobalHider from './globalHider.js';
+import TileProvider from './tileProvider/tileProvider.js';
+import type GlobalHider from './globalHider.js';
 import Extent from '../util/extent.js';
-import VcsMap from '../map/vcsMap.js';
-import StyleItem from '../style/styleItem.js';
+import type VcsMap from '../map/vcsMap.js';
+import type StyleItem from '../style/styleItem.js';
 import VectorTileCesiumImpl from './cesium/vectorTileCesiumImpl.js';
+import VectorTilePanoramaImpl from './panorama/vectorTilePanoramaImpl.js';
+import PanoramaMap from '../map/panoramaMap.js';
+import type LayerImplementation from './layerImplementation.js';
 
 /**
  * synchronizes featureVisibility Symbols on the feature;
@@ -127,13 +131,21 @@ export interface VectorTileImplementation extends FeatureLayerImplementation {
   updateTiles(tiles: string[], featureVisibilityChange: boolean): void;
 }
 
+export type VectorTileImpls =
+  | VectorTileOpenlayersImpl
+  | VectorRasterTileCesiumImpl
+  | VectorTileCesiumImpl
+  | VectorTilePanoramaImpl;
+
 /**
  * VectorTileLayer Layer for tiled vector Data. Can be connected to data with a TileProvider
  * @group Layer
  */
-class VectorTileLayer extends FeatureLayer<
-  VectorTileOpenlayersImpl | VectorRasterTileCesiumImpl | VectorTileCesiumImpl
-> {
+class VectorTileLayer<
+  I extends LayerImplementation<VcsMap> &
+    FeatureLayerImplementation &
+    VectorTileImplementation = VectorTileImpls,
+> extends FeatureLayer<I | VectorTileImpls> {
   static get className(): string {
     return 'VectorTileLayer';
   }
@@ -259,9 +271,9 @@ class VectorTileLayer extends FeatureLayer<
   async initialize(): Promise<void> {
     if (!this.initialized) {
       this._tileLoadEventListener =
-        this.tileProvider.tileLoadedEvent.addEventListener((event) =>
-          this._handleTileLoaded(event),
-        );
+        this.tileProvider.tileLoadedEvent.addEventListener((event) => {
+          this._handleTileLoaded(event);
+        });
       this._vectorPropertiesChangedListener =
         this.vectorProperties.propertyChanged.addEventListener(() => {
           // eslint-disable-next-line no-void
@@ -327,7 +339,7 @@ class VectorTileLayer extends FeatureLayer<
 
     this._featureVisibilityListeners = [
       this.featureVisibility.changed.addEventListener(({ action, ids }) => {
-        const tileIdsChanged: Set<string> = new Set();
+        const tileIdsChanged = new Set<string>();
         ids.forEach((id) => {
           const tileIds = this.tileProvider.featureIdToTileIds.get(
             id as string,
@@ -365,7 +377,7 @@ class VectorTileLayer extends FeatureLayer<
     if (this.globalHider) {
       this._featureVisibilityListeners.push(
         this.globalHider.changed.addEventListener(({ action, ids }) => {
-          const tileIdsChanged: Set<string> = new Set();
+          const tileIdsChanged = new Set<string>();
           ids.forEach((id) => {
             const tileIds = this.tileProvider.featureIdToTileIds.get(
               id as string,
@@ -449,13 +461,7 @@ class VectorTileLayer extends FeatureLayer<
     };
   }
 
-  createImplementationsForMap(
-    map: VcsMap,
-  ): (
-    | VectorTileCesiumImpl
-    | VectorRasterTileCesiumImpl
-    | VectorTileOpenlayersImpl
-  )[] {
+  createImplementationsForMap(map: VcsMap): (I | VectorTileImpls)[] {
     if (map instanceof CesiumMap) {
       return [
         this._renderer === 'image'
@@ -470,6 +476,10 @@ class VectorTileLayer extends FeatureLayer<
       ];
     }
 
+    if (map instanceof PanoramaMap) {
+      return [new VectorTilePanoramaImpl(map, this.getImplementationOptions())];
+    }
+
     return [];
   }
 

package/src/layer/wfsLayer.ts

@@ -1,5 +1,6 @@
 import WFSFormat from 'ol/format/WFS.js';
-import VectorLayer, { VectorOptions } from './vectorLayer.js';
+import type { VectorOptions } from './vectorLayer.js';
+import VectorLayer from './vectorLayer.js';
 import Projection from '../util/projection.js';
 import { layerClassRegistry } from '../classRegistry.js';
 import { getInitForUrl, requestUrl } from '../util/fetch.js';
@@ -128,19 +129,21 @@ class WFSLayer extends VectorLayer {
       init.method = 'POST';
       init.body = postData;
       init.headers = {
+        // eslint-disable-next-line @typescript-eslint/no-misused-spread
         ...init.headers,
-        ...{
-          'Content-Type': 'application/text+xml',
-        },
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        'Content-Type': 'application/text+xml',
       };
       this._dataFetchedPromise = requestUrl(this.url, init)
         .then((response) => response.text())
-        .then((data) => this._parseWFSData(data))
-        .catch((err) => {
+        .then((data) => {
+          this._parseWFSData(data);
+        })
+        .catch((err: unknown) => {
           this.getLogger().info(
             `Could not send request for loading layer content (${String(err)})`,
           );
-          return Promise.reject(err);
+          return Promise.reject(err as Error);
         });
 
       return this._dataFetchedPromise;