OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles, vector data and markers loaded from any source. OpenLayers has been developed to further the use of …

Documentation 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. Make sure to also …

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.

An OpenLayers application is composed of three basic parts: The HTML markup with an element to contain the map (index.html) The JavaScript that initializes the map (main.js) The CSS styles that …

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 …

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: npm install ol If you are starting a new project from …

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

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 …

Useful 3rd party libraries The libraries below provide additional functionality by extending OpenLayers or integrating well with it.

The map is the core component of OpenLayers. For a map to render, a view, one or more layers, and a target container are needed: import Map from 'ol/Map.js'; import View from 'ol/View.js'; import …