- Notifications
You must be signed in to change notification settings - Fork99
Angular2+ components for Openlayers 4.x
License
quentinlampin/ngx-openlayers
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
https://quentin-ol.github.io/ngx-openlayers/
ngx-openlayers works with the following versions which must be installed as peer dependencies:
| ngx-openlayers | Angular | Openlayers |
|---|---|---|
| 19.x | ^19.0.0 | ~10.5.0 |
| 18.x | ^18.0.0 | ~10.5.0 |
| 17.x | ^17.0.0 | ~9.2.4 |
| 16.x | ^16.0.0 | ~8.2.0 |
| 15.x | ^15.0.0 | ~7.5.2 |
| 14.x | ^14.0.0 | ~6.15.1 |
To install this library, run:
npm install ngx-openlayers --save
Here is a "minimal" map example that fetches tiles from OpenStreetMap and center the map in Meylan (France):
inapp.component.ts:
...import{CoordinateComponent,LayerTileComponent,MapComponent,SourceOsmComponent,ViewComponent,}from'ngx-openlayers';...@Component({ ...standalone:true,imports:[MapComponent,ViewComponent,CoordinateComponent,LayerTileComponent,SourceOsmComponent],})exportclassAppComponent{}
inapp.component.html:
<aol-map[width]="'500px'"[height]="'300'"><aol-view[zoom]="2"><aol-coordinate[x]="5.795122"[y]="45.210225"[srid]="'EPSG:4326'"></aol-coordinate></aol-view><aol-layer-tile><aol-source-osm></aol-source-osm></aol-layer-tile></aol-map>
The API is documented indocumentation
Join us at our Gitter:https://gitter.im/ngx-openlayers
To generate all*.js,*.js.map and*.d.ts files:
npm run ngc
To lint all*.ts files:
npm run lint
Live example (reload on code changes):
npm install -g @angular/clicd examplenpm installng serveLive example will be viewable at locahost:4200
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request and enjoy! :D
- Quentin Lampinquentin.lampin@orange.com
- WEBER Loganlogan.weber@airbus.com
- Clara Belairclara.belair.external@airbus.com
- Damien Marestdamien.marest.external@airbus.com
- Aymeric Ducheinaymeric.duchein.external@airbus.com
- WEBER Loganlogan.weber.external@airbus.com
- Guillaume Gasperiguillaume.gasperi.external@airbus.com
- Damien Marestdamien.marest@airbus.com
- Michael PARRYmichael.m.parry.external@airbus.com
- Elodie Tasiaelodie.tasia.external@airbus.com
- Jeremy Eychennejeremy.eychenne.neo-soft@externalgcp.ds.airbus.com
- Jerome Audouyjerome.audouy.external@airbus.com
- Malorie Berthoinmalorie.berthoin.neo-soft@externalgcp.ds.airbus.com
- Mazzoléniyoahn.mazzoleni.external@airbus.com
- Michael Parrymichael.m.parry.external@airbus.com
- Matthieu Lhotelleriematthieu.lhotellerie@airbus.com
- FallenRiteMonkfallenritemonk@gmail.com
- Achim Hasenmuellerachim@autorouter.eu
- achimha
- davinkevindavin.kevin@gmail.com
- Michael Parrymichael.parry.87@gmail.com
- Samuel Girardsamuel.girard@cgi.com
- WEBER Loganweberlogan@gmail.com
- aymeric-duchein32835655+aymeric-duchein@users.noreply.github.com
- Karolina Mamczarzkarolina.mamczarz@geomatyka-krakow.pl
- Lautaro Cozzanilautaromail@gmail.com
- Samuel Girardsamuel.girard@gmail.com
- Achim Hasenmuellerachim.hasenmueller@gmail.com
- Gregg Gurugregg@gregg.guru
- Karolina Mamczarzkarolina.mamczarz@op.pl
- Michaelmichael.parry.87@gmail.com
- Quentin Lampinquentin.lampin@gmail.com
- Yakoust30597077+Yakoust@users.noreply.github.com
- Yakoustdamien.marest@gmail.com
- Bill Farmakisbillfarmakis@iinet.net.au
- Davin Kevindavinkevin@users.noreply.github.com
- Nathaniel Wingfieldnw@ufl.edu
- Unknownmichael.parry.87@gmail.com
- gueuzedan.evans83@gmail.com
- Clara Belairclara.belair@orange.fr
- Damien Marestdamien.marest@gmail.com
- Dji75j_audouy@hotmail.com
- Dominik Trenztrenz@devbros.de
- Gasperi32667788+gasperiguillaume@users.noreply.github.com
- Harel Mazorharel.mazor@gmail.com
- Laure Malorgiolaure.malorgio@hotmail.com
- Marestdamien.marest@gmail.com
- Sreekuttansree172@gmqil.com
- Tohru Okamotot-okamoto@nssys.co.jp
- YMazzoleniYMazzoleni@users.noreply.github.com
- dangy13dpe@leeds.ac.uk
- fttriquet37173010+fttriquet@users.noreply.github.com
- gscscndgscscnd@gmail.com
- remiHauremi.hau@gmail.com
- samuel-girard32910196+samuel-girard@users.noreply.github.com
MPL-2.0 - Quentin Lampinquentin.lampin@orange.com Copyright 2017 Orange
About
Angular2+ components for Openlayers 4.x
Topics
Resources
License
Contributing
Uh oh!
There was an error while loading.Please reload this page.