# awesome-openlayers

**Repository Path**: mirrors_Viglino/awesome-openlayers

## Basic Information

- **Project Name**: awesome-openlayers
- **Description**: List of all related content on OpenLayers 3 library
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-07
- **Last Updated**: 2026-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Awesome-OpenLayers

This repository goal is to share informations about OpenLayers 3 library.

Do not hesitate to make a pull request to submit changes, additions.


## External plugins and projects using OpenLayers

### Websites

* [Elastic Terrain Map](http://elasticterrain.xyz) with [code](https://github.com/buddebej/elasticterrain)
It superseeds the [Plan Oblique Europe](http://buddebej.de/planobliqueeurope/) with [code](https://github.com/buddebej/ol3-dem). You can also use the default [ol.source.Raster](http://openlayers.org/en/v3.15.1/examples/shaded-relief.html)
* [DataShine](http://datashine.org.uk) with [corresponding blog post](http://oobrien.com/2014/09/openlayers-3/) about the transition.
* [Switzerland Geoportal](http://map.geo.admin.ch) with [mf-geoadmin3 code on Github](https://github.com/geoadmin/mf-geoadmin3). Based on Angular.
* [Rocket](http://mapshup.com/projects/rocket/), an application to select satellites images
* [MapStory](http://mapstory.org/) with repository [story-tools](https://github.com/MapStory/story-tools)
* [GeoBretagne viewer](http://kartenn.region-bretagne.fr/mviewer/) with [code](https://github.com/geobretagne/mviewer)
* [Swipe maps from National Library of Scotland](http://maps.nls.uk/geo/explore/sidebysideswipe.cfm#zoom=5&lat=56.0000&lon=-4.0000&layers=1&right=BingHyb)
* [Swipe maps from IGN Spain](http://www.ign.es/web/mapasantiguos/swipemap.html#map=14/-408575.03/4926060.72/0)
* [High resolution image](http://klokantech.github.io/iiifviewer/) with [Github repository](https://github.com/klokantech/iiifviewer)
* [EPSG.io website](http://epsg.io) with [associated sources](https://github.com/klokantech/epsg.io)
* [Berlin businesslocationcenter.de](http://www.businesslocationcenter.de/wab/maps/main/)
* [Consumer Data Research Center (CDRC)](http://maps.cdrc.ac.uk)
* [BlindMap](http://andreus.valec.net/stuff/blindMap/map.html#eng)
* [3 step CBS explorer](http://stvno.github.io/page/cbsexplorerol/index.html)

### CMS integration

* [OpenLayers 3 plugin for Drupal](https://www.drupal.org/project/openlayers)
* [WordPress OpenStreetMap Plugin](http://wp-osm-plugin.hanblog.net/allgemein/openlayers-3-in-wordpress-osm-plugin/)


### Official

* [Workshop](http://openlayers.org/workshop/)
* [Builder (graphic UI to build the library)](https://github.com/openlayers/builder)

### Books

* [The book of OpenLayers 3 - Theory and Practice](https://leanpub.com/thebookofopenlayers3) with [code samples](http://www.acuriousanimal.com/thebookofopenlayers3/) by Antonio Santiago Perez
* [OpenLayers 3 Beginner’s Guide](https://www.packtpub.com/web-development/openlayers-3-beginner%E2%80%99s-guide) by Thomas Gratier, Paul Spencer & Erik Hazzard and [code samples](http://openlayersbook.github.io)) (January 2015)
* [OpenLayers 3.x Cookbook - Second Edition](https://www.packtpub.com/web-development/openlayers-3x-cookbook-second-edition) by Peter J. Langley, Antonio Santiago Perez (March 2016)
* [Mastering OpenLayers 3](https://www.packtpub.com/web-development/mastering-openlayers-3) by Gábor Farkas (January 2016)


### Plugins/addons

* [ol3-geocoder](https://github.com/jonataswalker/ol3-geocoder) A geocoder for OpenLayers 3
* [ol3-photon](https://github.com/webgeodatavore/ol3-photon) Another geocoder for OpenLayers 3 with less features.
* [ol3-layerswitcher](https://github.com/walkermatt/ol3-layerswitcher) A layer switcher/control for OpenLayers 3
* [ol3-popup](https://github.com/walkermatt/ol3-popup) A popup overlay for OpenLayers 3
* [ol3-Cesium](http://openlayers.org/ol3-cesium/) OpenLayers - Cesium integration library. Create your map using OpenLayers 3, and visualize it on a globe with Cesium.
* [IGNF addons](https://github.com/IGNF/evolution-apigeoportail) For both OpenLayers 3 and Leaflet to use layers and services in particular from the "Géoportail" (the official IGNF main cartography portal). The IGNF (Institut National Géographique et Forestier) is the French State Mapping Institute)
* [ol3-contexmenu](https://github.com/jonataswalker/ol3-contextmenu) A plugin to replace context menu in OpenLayers.
* [ol3-panzoom](https://github.com/mapgears/ol3-panzoom) PanZoom and PanZoomBar controls for OpenLayers 3
* [ol3-google-maps](https://github.com/mapgears/ol3-google-maps) Well maintained OpenLayers 3 derived library to support Google Maps
* [jsts](https://github.com/bjornharrtell/jsts) JavaScript Topology Suite. It integrates OpenLayers feature geometry reader/writer.
* [ole](https://github.com/boundlessgeo/ole/) OpenLayers 3 and ArcGIS REST
* [ol3-ext](https://github.com/Viglino/ol3-ext) Miscellanous classes and functions for OpenLayers 3. See [the demos in action](http://viglino.github.io/ol3-ext/)
* [ol3-projection-switcher](https://github.com/nsidc/ol3-projection-switcher)

### Frameworks on top of OpenLayers

**AngularJS based**

* [Ngeo](https://github.com/camptocamp/ngeo) by CampToCamp
* [Angular OpenLayers directive](https://github.com/tombatossals/angular-openlayers-directive)
* [HSLAYERS-NG](http://ng.hslayers.org/) with [Github repository](https://github.com/hslayers/hslayers-ng)

**React based**

* [MapStore2](https://github.com/geosolutions-it/MapStore2) with [sample](http://mapstore2.geo-solutions.it/mapstore/#/viewer/openlayers/0?_k=wzmazu)
* https://github.com/pka/ol3-react-example
* https://github.com/nomadlabs/react-ol3

**ExtJS based**

* [GeoExt3](https://github.com/geoext/geoext3)

**Ember based**

* [Ember ol3 proof of concept](https://github.com/bartvde/ol3-ember) Outdated

**Meteor based**

* [Meteor ol3](https://github.com/MasterAM/meteor-ol3), a wrapper around OpenLayers 3 for Meteor.js

**Scala.js based**

[Scala.js wrapper for OpenLayers 3](https://github.com/maprohu/scalajs-ol3)

### Server side wrapper (Java at the moment)

* [GWT wrapper OpenLayers 3](https://github.com/TDesjardins/gwt-ol3)
* [Vaadin wrapper for OpenLayers 3](https://github.com/VOL3/v-ol3)
* [Haskell OpenLayers Wrapper](https://github.com/olwrapper/olwrapper)

### Design integration components

* [Boostrap-viewer-template](https://github.com/jumpinjackie/bootstrap-viewer-template/)
* [Sidebar v2](https://github.com/Turbo87/sidebar-v2)

## Desktop to OpenLayers 3

* [QGIS2Web](https://github.com/tomchadwin/qgis2web) Export from QGIS to various web maaping library including OpenLayers (a Desktop GIS software)
* [Web App Builder](http://boundlessgeo.com/2015/06/building-openlayers-3-web-app-without-writing-code/)

## Miscellanous

* https://github.com/3x0dv5/ol3-typescript-definitions
* [Samples to combine Turf with OpenLayers 3](https://github.com/ThomasG77/turf-ol3)
* [ol3-mobile-viewer](https://github.com/sourcepole/ol3-mobile-viewer)
* https://github.com/fredj/ol3-polymer
* https://github.com/nls-oskari/oskari
* https://github.com/ghettovoice/ol3-mapscale
* https://github.com/syerad/ol3-measurement
* https://github.com/pgiraud/jsonix-ol3-owscontext
* https://github.com/riana/ol3-snapsvg.git
* https://github.com/CALIL/ol3fabric
* https://github.com/Viglino/Geoportail-KISS
* https://github.com/roemhildtg/geocola
* https://github.com/NationalLibraryOfScotland/NLSExploreGeoreferencedMapsOL3
* https://github.com/mucximilian/OLMapPoints
* https://github.com/fabianbormann/osm-map
* https://github.com/eblondel/ol3-loadingpanel
* https://github.com/nasa-gibs/gibs-web-examples
* https://github.com/spatialillusions/openlayers-hexbin with [demo](http://www.spatialillusions.com/Demos/openlayers-hexbin/index.html)