File

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

Extends

MapControlComponent

Metadata

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

Index

Methods
Inputs

Constructor

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

Inputs

extent
Type : L.LatLngBoundsExpression
mapId
Type : string
mapId
Type : string
Inherited from MapControlComponent

Connect map id.

Methods

Public zoomToExtent
zoomToExtent()
Returns : void
import { Component, Input } from '@angular/core';

import { MapCache } from '../../base/map-cache.service';
import { MapControlComponent } from '../map-control-component';

@Component({
  selector: 'n52-extent-control',
  templateUrl: './extent.component.html'
})
export class ExtentControlComponent extends MapControlComponent {

  @Input()
  public mapId: string;

  @Input()
  public extent: L.LatLngBoundsExpression;

  constructor(
    protected mapCache: MapCache
  ) {
    super(mapCache);
  }

  public zoomToExtent() {
    this.mapCache.getMap(this.mapId).fitBounds(this.extent);
  }

}
<div>
  <button type="button" (click)="zoomToExtent()">zoom to extent</button>
</div>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""