Svelte OpenLayers

Home Documentation Examples

Overview

All Examples Browse all available examples

Foundation

Basic Map Simple OpenLayers map with tile layer and reactive bindings

Core Features

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

Layer Management Multiple tile sources and vector layer visibility controls

Interactions

Interactive Tooltips Context-sensitive tooltips with hover and click modes

Bidirectional Selection Synchronized selection between table and map features with programmatic control

Advanced

Dynamic Theming Interactive theme customization with CSS variables and dark mode

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

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

Custom GeoJSON Source

Learn how to load GeoJSON data from remote URLs or inline objects using a custom VectorSource with OpenLayers.

Basic Example