Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/webgeodatavore/awesome-openlayers

List of all related content on OpenLayers library
https://github.com/webgeodatavore/awesome-openlayers

List: awesome-openlayers

Last synced: about 1 month ago
JSON representation

List of all related content on OpenLayers library

Awesome Lists containing this project

README 

        
# Awesome-OpenLayers



This repository goal is to share informations about OpenLayers 3, 4 & 5 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)

* [Remonter le temps](https://remonterletemps.ign.fr/map/basic?x=2.240519&y=48.890371&z=16&layer1=ORTHOIMAGERY.ORTHOPHOTOS&layer2=ORTHOIMAGERY.ORTHOPHOTOS.1950-1965&mode=doubleMap) "Back in time" (french site to explore data at different dates). See [announcement (in french)](http://www.ign.fr/institut/actus/lancement-service-remonter-temps).

* [Carta Històrica de Barcelona](http://cartahistorica.muhba.cat/index.html#map=14/242185/5070759/2010//0/0/0/0) (Historic Map of Barcelona)

* [Met Office WOW](http://wow.metoffice.gov.uk) (WeatherObservationsWebsite)

* [Open Transport Map](http://opentransportmap.info) and [OpenTransportNet](http://www.opentransportnet.eu/web/guest/create-maps?hs_x=264940.38808799116&hs_y=6247767.025663918&hs_z=12&visible_layers=Topographic%3Btraffic%20volumes%20on%20Paris%20roads%20between%2004%26%2347%3B04%26%2347%3B2016%20and%2010%26%2347%3B04%26%2347%3B2016&hs_panel=layermanager&permalink=http%3A%2F%2Fwww.opentransportnet.eu%2Fwwwlibs%2Fstatusmanager2%2Findex.php%3Frequest%3Dload%26id%3Db760a02c-f2a0-48f7-b529-87a308f7abdc)

* [Luxembourg Geoportal](https://www.geoportail.lu). Based on Ngeo (Angular + OpenLayers 3 framework). Sources at [Github](https://github.com/Geoportail-Luxembourg/geoportailv3/)

* [Map hiking in Switzerland](https://map.wanderland.ch)

* [Bicycle Route Planner | Pro Velo Bern](http://www.veloroutenplaner.ch) and sources at [Github](https://github.com/camptocamp/provelobern_bicyclerouteplanner)

* [Kitodo.Presentation](https://digital.slub-dresden.de/werkansicht/dlf/162147/7/) Usage of OpenLayers in a library context to annotate, zoom on  documents. [Associated code](https://github.com/kitodo/kitodo-presentation) with PHP (Typo3) based back-end

* [The Agas Map of Early Modern London](http://mapoflondon.uvic.ca/agas.htm) with [associated code](https://github.com/martindholmes/BreezeMap)

* [Open GIS Infrastructure 2.0](https://infra-geo-ouverte.github.io/igo2/) with [associated code](https://github.com/infra-geo-ouverte/igo2)



### 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/)

* [silverstripe-openlayers](https://github.com/silverstripe-archive/silverstripe-openlayers)

* [Flamingo](https://github.com/flamingo-geocms/flamingo) Flamingo Geo CMS repository



### 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.

* [ol-layerswitcher](https://github.com/walkermatt/ol-layerswitcher) A layer switcher/control for OpenLayers (supports [ol package](https://www.npmjs.com/package/ol))

* [ol-popup](https://github.com/walkermatt/ol-popup) A popup overlay for OpenLayers (supports [ol package](https://www.npmjs.com/package/ol))

* [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) You can find associated code at [geoportal-extensions repository](https://github.com/IGNF/geoportal-extensions)

* [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

* [ol-ext](https://github.com/Viglino/ol-ext) Miscellanous classes and functions for OpenLayers 3. See [the demos in action](http://viglino.github.io/ol-ext/)

* [ol3-projection-switcher](https://github.com/nsidc/ol3-projection-switcher)

* [OL3-AnimatedCluster](https://github.com/Viglino/OL3-AnimatedCluster) Clusters animation on an OL3 map. See [the demos in action](http://viglino.github.io/OL3-AnimatedCluster/).

* [ol-hashed](https://github.com/tschaub/ol-hashed) Maintain your map view's state in the URL hash

* [ol-hash](https://github.com/frogcat/ol-hash) Simple OpenLayers plugin to save map view state in URL hash

* [ol-mapbox-style](https://github.com/boundlessgeo/ol-mapbox-style) Use Mapbox Style objects with OpenLayers

* [mapbox-to-ol-style](https://github.com/boundlessgeo/mapbox-to-ol-style) Utility for creating OpenLayers style functions from Mapbox Style objects

* [ol3-loadingpanel](https://github.com/eblondel/ol3-loadingpanel) OpenLayers 3 Loading Panel

* [ol-games](https://viglino.github.io/ol-games/index.html) Game stuff for OL3, powered by HTML5, canvas, JavaScript and Openlayers 3



### Frameworks on top of OpenLayers



**Angular 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)

* [Open GIS Infrastructure 2.0 Library](https://github.com/infra-geo-ouverte/igo2-lib)



**React based**



* [react-geo](https://github.com/terrestris/react-geo) A set of geo related modules. To use in combination with react, antd and ol. Demos et docs visible at 

* [React-openlayers](https://github.com/allenhwkim/react-openlayers)

* [ol-react](https://github.com/richardhills/ol-react)

* [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



**Vue based**



* [vuelayers](https://github.com/ghettovoice/vuelayers) Vue components to work with OpenLayers. Demos at https://vuelayers.github.io/

* [vue-openlayers](https://github.com/sombriks/vue-openlayers) Humble vue wrapper for the powerful openlayers map api

* [vue3-openlayers](https://github.com/MelihAltintas/vue3-openlayers) vue3-openlayers is components library that brings the powerful OpenLayers API to the Vue3 reactive world. It can display maps with tiled, raster or vector layers loaded from different sources.  Docs at https://vue3openlayers.netlify.app/



**ExtJS based**



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



**Ember based**



* [ember-ol](https://github.com/bjornharrtell/ember-ol) Ember components and models for OpenLayers

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



**Aurelia based**



* [aurelia-openlayers](https://github.com/mroseboom/aurelia-openlayers) A custom element for use in your Aurelia applications for inserting Openlayers into your application.



**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 wrappers



* [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



* [Samples to combine Turf with OpenLayers 3](https://github.com/ThomasG77/turf-ol3)

* [ol3-mobile-viewer](https://github.com/sourcepole/ol3-mobile-viewer)

* [Map-georeferencer](https://github.com/Viglino/Map-georeferencer) Proof of concept to georeference maps with OL3. See [the demos in action](http://viglino.github.io/Map-georeferencer/)

* [VSCode map preview extension](https://github.com/jumpinjackie/vscode-map-preview), an extension to provide the ability to preview spatial data files and snippets on a map

* https://github.com/3x0dv5/ol3-typescript-definitions

* 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/nasa-gibs/gibs-web-examples

* https://github.com/spatialillusions/openlayers-hexbin with [demo](http://www.spatialillusions.com/Demos/openlayers-hexbin/index.html)

* https://github.com/programmerg/ol3editor with demo at https://programmerg.github.io/ol3editor/

* https://github.com/KlausBenndorf/guide4you

* https://github.com/dpmcmlxxvi/olexp

* https://github.com/roemhildtg/geocola

* [ol3-extras-demos](https://github.com/webgeodatavore/ol3-extras-demos/) Demos for playing with OpenLayers 3 when features not documented because not required in the core (disclosure: by the maintainer of the repo you are browsing)