MapViewLayers

A [map](ol.Map.html) is made of [layers](ol.layer.html), a [view](ol.View.html) to visualize them, [interactions](ol.interaction.html) to modify map content and [controls](ol.control.html) with UI components.

[Overview](ol.Map.html)
[Creation](ol.Map.html#Map)
[Events](ol.MapBrowserEvent.html)

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

[ol.View](ol.View.html) with center, projection, resolution and rotation

Layers are lightweight containers that get their data from [sources](ol.source.html).

[ol.layer.Tile](ol.layer.Tile.html)
[ol.layer.Image](ol.layer.Image.html)
[ol.layer.Vector](ol.layer.Vector.html)
ControlsInteractionsSources and formats
[Map default controls](ol.control.html#defaults)
[All controls](ol.control.html) 		[Map default interactions](ol.interaction.html#defaults)
Interactions for [vector features](ol.Feature.html)
  • [ol.interaction.Select](ol.interaction.Select.html)
  • [ol.interaction.Draw](ol.interaction.Draw.html)
  • [ol.interaction.Modify](ol.interaction.Modify.html)
[All interactions](ol.interaction.html)		 [Tile sources](ol.source.Tile.html) for [ol.layer.Tile](ol.layer.Tile.html)
[Image sources](ol.source.Image.html) for [ol.layer.Image](ol.layer.Image.html)
[Vector sources](ol.source.Vector.html) for [ol.layer.Vector](ol.layer.Vector.html)
[Formats](ol.format.Feature.html) for reading/writing vector data
[ol.format.WMSCapabilities](ol.format.WMSCapabilities.html)
ProjectionsObservable objectsOther components

All coordinates and extents need to be provided in view projection (default: EPSG:3857). To transform, use [ol.proj.transform()](ol.proj.html#transform) and [ol.proj.transformExtent()](ol.proj.html#transformExtent).

[ol.proj](ol.proj.html)

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

[ol.DeviceOrientation](ol.DeviceOrientation.html)
[ol.Geolocation](ol.Geolocation.html)
[ol.Overlay](ol.Overlay.html)
[ol.FeatureOverlay](ol.FeatureOverlay.html)