Map

A map is made of layers, a view to visualize them, interactions to modify map content and controls with UI components.

Overview
Creation
Events

View

The view manages the visual parameters of the map view, like resolution or rotation.

View with center, projection, resolution and rotation

Layers

Layers are lightweight containers that get their data from sources.

ol/layer/Tile
ol/layer/Image
ol/layer/Vector
ol/layer/VectorImage
ol/layer/VectorTile
ol/layer/WebGLTile

Controls

Map default controls
All controls

Interactions

Map default interactions
Interactions for vector features

• ol/interaction/Select
• ol/interaction/Draw
• ol/interaction/Modify

All interactions

Sources and formats

Tile sources for ol/layer/Tile or ol/layer/WebGLTile
Image sources for ol/layer/Image
Vector sources for ol/layer/Vector
Vector tile sources for ol/layer/VectorTile
Formats for reading/writing vector data
ol/format/WMSCapabilities

Projections

All coordinates and extents need to be provided in view projection (default: EPSG:3857). To transform coordinates from and to geographic, use fromLonLat() and toLonLat(). For extents and other projections, use transformExtent() and transform().

Find these functions and more in the ol/proj module.

Observable objects

Changes to all Objects can be observed by calling the object.on('propertychange') method. Listeners receive an ObjectEvent with information on the changed property and old value.

Other components

ol/Geolocation
ol/Overlay