OpenLayers - Welcome
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 …
OpenLayers - 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.
OpenLayers Examples
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.
OpenLayers - Quick Start
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 …
OpenLayers v10.7.0 API - Index
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 …
OpenLayers - Get the Code
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:
OpenLayers - Tutorials
Code licensed under the 2-Clause BSD. All documentation CC BY 3.0. Thanks to our sponsors. This site is powered by Netlify.
Mapbox Vector Tiles - OpenLayers
.map { width: 100%; height: 400px; } .map { background: #f8f4f0; } </style> </head> <body> <div id="map" class="map"></div> <script …
Draw Shapes - OpenLayers
This demonstrates the use of the geometryFunction option for the ol/interaction/Draw. Select a shape type from the dropdown above to start drawing. To activate freehand drawing, hold the Shift key. …
OpenLayers v10.7.0 API - Class: Map
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 …