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

TileLayerComponent

Component

Represents the Kendo UI TileLayer component for Angular. Displays raster map tiles from various sources.

Definition

Package:@progress/kendo-angular-map

Selector:kendo-map-tile-layer

Syntax:

@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-tile-layer 
        [urlTemplate]="tileUrlTemplate"
        [subdomains]="['a', 'b', 'c']"
        [tileSize]="256">
      </kendo-map-tile-layer>
    </kendo-map>
  `
})
export class AppComponent {
  public tileUrlTemplate = (args: any) => `https://${args.subdomain}.tile.openstreetmap.org/${args.z}/${args.x}/${args.y}.png`;
}