@achimha/ngx-ol

@achimha/ngx-ol

This is based on ngx-openlayers targeting Openlayers 6 and current Angular.

It's working fine but needs some polishing around the build procedure to match the standard quality requirements for packages.

Demo

https://achimha.github.io/ngx-ol/

Installation

To install this library, run:

npm install ngx-ol --save

Example

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

<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 [e-mail] Copyright 2017 Orange