map-ol
/
12.0.1-next.2
map-ol 12.0.1-next.2
Install from the command line:
Learn more about npm packages
$ npm install @dlr-eoc/map-ol@12.0.1-next.2
Install via package.json:
"@dlr-eoc/map-ol": "12.0.1-next.2"
About this version
For examples see demo maps
- "@dlr-eoc/map-ol"
- "@dlr-eoc/layer-control" (optional)
- "@dlr-eoc/base-layers-raster" (optional)
e.g. in your apps style file
// styles.scss/styles.css
@import 'ol/ol.css';
...
or in the angular config file
// angular.json
...
"styles": [
...
"node_modules/ol/ol.css",
"src/styles.scss"
],
...
import { MapOlModule } from '@dlr-eoc/map-ol';
import { LayerControlModule } from '@dlr-eoc/layer-control';
...
imports: [
...
MapOlModule,
LayerControlModule
]
<section class="content-area map-view">
<ukis-map-ol [layersSvc]="layerSvc" [mapState]="mapStateSvc" [controls]="controls"></ukis-map-ol>
</section>
import { LayersService } from '@dlr-eoc/services-layers';
import { MapStateService } from '@dlr-eoc/services-map-state';
import { IMapControls } from '@dlr-eoc/map-ol';
import { OsmTileLayer, EocLitemap, BlueMarbleTile } from '@dlr-eoc/base-layers-raster';
controls: IMapControls;
constructor(
public layerSvc: LayersService,
public mapStateSvc: MapStateService
) { }
// add a OnInit Function
export class <MyComponent> implements OnInit...
ngOnInit() {
this.addBaselayers();
}
addBaselayers() {
const layers = [
new OsmTileLayer({
visible: false
}),
new EocLitemap({
visible: true
}),
new BlueMarbleTile({
visible: false
})
];
layers.map(l => this.layerSvc.addLayer(l, 'Baselayers'));
}
===
This library was generated with Angular CLI version 8.2.14.
Run ng generate component component-name --project map-ol
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project map-ol
.
Note: Don't forget to add
--project map-ol
or else it will be added to the default project in yourangular.json
file.
Run ng build map-ol
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test map-ol
to execute the unit tests via Karma.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
Assets
- map-ol-12.0.1-next.2.tgz
Download activity
- Total downloads 0
- Last 30 days 0
- Last week 0
- Today 0