OlWebGLTileLayerComponent

GPU-accelerated tile layer supporting standard XYZ, OSM, and MVT sources with dynamic style expressions for real-time color manipulation.

TypeScriptexample.ts
import { OlWebGLTileLayerComponent } from '@angular-helpers/openlayers/layers'

# Inputs

InputTypeDefaultDescription
idstring-Unique identifier for the layer (required)
source'osm' | 'xyz' | 'mvt'-Tile source type (required)
urlstring-URL template for custom tile sources
attributionsstring | string[]-Attribution texts for this layer
tileStyleWebGLTileStyle | FlatStyleLike-Raster style expressions or MVT flat styles
zIndexnumber0Layer stack order
opacitynumber1Layer opacity (0-1)
visiblebooleantrueLayer visibility
preloadnumber0Preload low-res tiles zoom level
variablesRecord<string, string | number | boolean | number[]>-Style variables for dynamic expressions (e.g. ['var', 'brightness'])

# Methods

MethodSignatureReturnsDescription
updateVariablesupdateVariables(vars: Record<string, string | number | boolean | number[]>): voidvoidImperatively update style variables without triggering Angular change detection, ideal for 60FPS animations.
LCP N/A
CLS N/A
INP N/A