New to Kendo UI for Angular? Start a free 30-day trial

LayersComponent

Component

Represents the Kendo UI Layers component for Angular. Contains a collection of one or more map layers.

Definition

Package:@progress/kendo-angular-map

Selector:kendo-map-layers

Syntax:

@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-layers>
        <kendo-map-tile-layer [urlTemplate]="tileUrl"></kendo-map-tile-layer>
        <kendo-map-shape-layer [data]="shapeData"></kendo-map-shape-layer>
      </kendo-map-layers>
    </kendo-map>
  `
})
export class AppComponent {
  public tileUrl = (args: any) => `https://tile.openstreetmap.org/${args.z}/${args.x}/${args.y}.png`;
  public shapeData = [];
}