OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as …

If you're eager to get your first OpenLayers map on a page, dive into the quick start. For a more in-depth overview of OpenLayers core concepts, check out the tutorials.

Interpolating Contours from a DEM (contour-interpolation.html) Example of WebGL data interpolation JSTS Integration (jsts.html) Example on how to use JSTS with OpenLayers.

The first command will create a directory called my-app (you can use a different name if you wish), install OpenLayers and a development server, and set up a basic app with index.html, main.js, and …

API change policy The OpenLayers API consists of names and signatures of constructors names and signatures of instance methods and properties names and signatures of functions names of …

Code licensed under the 2-Clause BSD. All documentation CC BY 3.0. Thanks to our sponsors. This site is powered by Netlify.

The ol package The recommended way to use OpenLayers is to work with the ol package. To add OpenLayers to an existing project, install the latest with npm:

Tiled data from a Cloud Optimized GeoTIFF (COG) can be rendered as a layer. In this example, a single 3-band GeoTIFF is used to render RGB data.

Example of using the ol/interaction/Draw interaction together with the ol/interaction/Modify interaction.

Check if one extent contains another. An extent is deemed contained if it lies completely within the other extent, including if they share one or more edges.