File

libs/map/src/lib/control/zoom/zoom.component.ts

Extends

MapControlComponent

Metadata

selector n52-zoom-control
templateUrl ./zoom.component.html

Index

Methods
Inputs

Constructor

constructor(mapCache: MapCache)
Parameters :
Name Type Optional
mapCache MapCache No

Inputs

mapId
Type : string
Inherited from MapControlComponent

Connect map id.

Methods

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>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""