OpenLayers

What OpenLayers is

OpenLayers is a JavaScript library for putting dynamic maps into web pages. It can display tiles from OSM, Bing, MapBox, Stadia Maps, and other XYZ sources, as well as OGC mapping services and untiled layers. For vector data, it supports GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats. Rendering uses Canvas 2D and WebGL, and mobile support is included. Developers can style maps with CSS, extend them through the API or third-party libraries, and create custom profiles from selected components. Listed integrations and extensions include Cesium, Mapbox styles, Google Maps, ArcGIS REST services, React, Vue, and STAC. OpenLayers is free under the 2-clause BSD License, also known as the FreeBSD license. The recommended installation method is the `ol` package through npm. The hosted build is intended for development, not production; the full library build omits the `geotiff` and `ol-mapbox-style` packages. The API stays unchanged within a major release series, with changes accompanying a new major release. The site links to documentation, tutorials, a workshop, API references, GitHub tickets, and Stack Overflow questions.

Who it suits

It suits developers building web maps who need support for varied map sources and vector formats. Mobile support and custom styling are also available.

Limits

The hosted build is for development and is not recommended for production. The full library build leaves out the `geotiff` and `ol-mapbox-style` packages.

Getting started

1. Open the OpenLayers website
2. Install the `ol` package with npm
3. Add OpenLayers to your web project
4. Choose tile, mapping-service, or untiled-layer sources
5. Load vector data in a supported format
6. Style the map with CSS or extend it through the API

Verdict

OpenLayers provides broad mapping and rendering options for web development, with a stable API within each major release series. Use the npm package for production work rather than the hosted development build.