To install this library, run:
npm install ngx-openlayers --saveHere 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>The API is documented in documentation
Join us at our Gitter: https://gitter.im/ngx-openlayers
To generate all *.js, *.js.map and *.d.ts files:
npm run ngcTo lint all *.ts files:
npm run lintLive example (reload on code changes):
npm install -g @angular/cli
cd example
npm install
ng 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
MPL-2.0 - Quentin Lampin [email protected] Copyright 2017 Orange
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
