WebGL Rendering
High-performance rendering of large point datasets using WebGL with dynamic, expression-based styling. Render thousands of points efficiently with GPU acceleration.
Style Type:
Color Theme:
Key Features:
- GPU-accelerated rendering for thousands of points
- Expression-based styling with interpolation and conditionals
- Dynamic style variables that can be updated at runtime
- Support for circles, shapes, and icons
- Hover interactions with style changes
- Time-based animations for rotating elements
Style Expressions:
WebGL styles use expressions to dynamically compute visual properties based on feature attributes, zoom level, or time:
['get', 'property']- Access feature properties['interpolate', ['linear'], ...]- Smooth value transitions['match', condition, value1, value2]- Conditional styling['zoom']- Current zoom level for scale-dependent rendering['time']- Animation variable for rotating elements