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 …

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 …

topolis integration (topolis.html) Example on how to use topolis with OpenLayers.

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.

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

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

OpenLayers implements a JavaScript API for building rich web-based geographic applications, similar to the Google Maps APIs, with one important difference -- OpenLayers is Free Software, developed for …

To get remote data for a layer, OpenLayers uses ol/source/Source subclasses. These are available for free and commercial map tile services like OpenStreetMap or Bing, for OGC sources like WMS or …

Now that we have set up our development environment, let's get started by creating a simple web page with an OpenLayers map, and understand the code. In OpenLayers, a map is a collection of layers …