libs/map/src/lib/control/zoom/zoom.component.ts
selector | n52-zoom-control |
templateUrl | ./zoom.component.html |
Methods |
Inputs |
constructor(mapCache: MapCache)
|
||||||
Parameters :
|
mapId | |
Type : string
|
|
Inherited from
MapControlComponent
|
|
Defined in
MapControlComponent:11
|
|
Connect map id. |
Public zoomIn |
zoomIn()
|
Returns :
void
|
Public zoomOut |
zoomOut()
|
Returns :
void
|
import { MapCache } from './../../base/map-cache.service';
import { Component } from '@angular/core';
import { MapControlComponent } from '../map-control-component';
@Component({
selector: 'n52-zoom-control',
templateUrl: './zoom.component.html'
})
export class ZoomControlComponent extends MapControlComponent {
constructor(
protected mapCache: MapCache
) {
super(mapCache);
}
public zoomIn() {
this.mapCache.getMap(this.mapId).zoomIn();
}
public zoomOut() {
this.mapCache.getMap(this.mapId).zoomOut();
}
}
<div class="btn-group-vertical map-control">
<button type="button" class="btn btn-light btn-sm" (click)="zoomIn()">
<i class="fa fa-plus" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-light btn-sm" (click)="zoomOut()">
<i class="fa fa-minus" aria-hidden="true"></i>
</button>
</div>