Interactive Examples

Simple OpenLayers map with tile layer and reactive bindings

Points, lines, and polygons with custom styling and click interactions

Simple circle markers with custom fill and stroke styles on world cities

Multiple tile sources and vector layer visibility controls

Use SVG icons as map markers with dynamic color tinting and size control

Display a single static image as a map layer using a custom pixel projection and extent.

Interactive features with onHover, onClick, and child overlays

Context-sensitive tooltips with hover and click modes

Tooltips with custom HTML content

Feature overlays using reusable Svelte components for rich content

Synchronized selection between table and map features with programmatic control

Interactive drawing of points, lines, polygons, and circles with real-time feature tracking

Control for drawing points, lines, polygons, and circles

Interactive theme customization with CSS variables and dark mode

Multiple maps with scoped CSS variable themes sharing a single View

Load GeoJSON data from remote URLs or inline objects with custom VectorSource

High-performance rendering of large point datasets using WebGL with dynamic styling