Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Angular2+ components for Openlayers 4.x

License

NotificationsYou must be signed in to change notification settings

quentinlampin/ngx-openlayers

Repository files navigation

Demo

https://quentin-ol.github.io/ngx-openlayers/

Dependencies

ngx-openlayers works with the following versions which must be installed as peer dependencies:

ngx-openlayersAngularOpenlayers
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

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):

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>

Documentation

The API is documented indocumentation

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/clicd examplenpm installng 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

Contributors

Orange

Airbus

Other

License

MPL-2.0 - Quentin Lampinquentin.lampin@orange.com Copyright 2017 Orange


[8]ページ先頭

©2009-2025 Movatter.jp