Skip to content

quentinlampin/ngx-openlayers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

960f36b · Nov 29, 2023
Nov 29, 2023
Nov 14, 2017
Apr 5, 2018
Jun 8, 2018
Jun 27, 2018
Feb 10, 2017
Aug 11, 2017
Dec 26, 2016
Dec 19, 2017
Oct 12, 2017
Dec 11, 2018
Dec 11, 2018
May 24, 2017
Dec 26, 2016

Repository files navigation

ngx-openlayers Build StatusJoin the chat at https://gitter.im/ngx-openlayers

Installation

To install this library, run:

npm install ngx-openlayers --save

Example

Here is a "minimal" map example that fetches tiles from OpenStreetMap and center the map in Meylan (France):

in app.module.ts:

...
import { AngularOpenlayersModule } from "ngx-openlayers";
...

@NgModule({
  imports: [
    ...
    AngularOpenlayersModule
  ],
  ...
  bootstrap: [AppComponent]
})
export class AppModule { }

in app.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>

Documentation

The API is documented in documentation

Getting Help

Join us at our Gitter: https://gitter.im/ngx-openlayers

Development

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/cli
cd example
npm install
ng serve

Live example will be viewable at locahost:4200

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request and enjoy! :D

License

MPL-2.0 - Quentin Lampin [email protected] Copyright 2017 Orange