TileLayerComponent

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

typescript

@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`;
}

Selector

kendo-map-tile-layer

Inputs

Name	Type	Default	Description
subdomains	string[]		Sets a list of subdomains to use for loading tiles. Alternating between different subdomains allows more requests to execute in parallel.
tileSize	number	256	Sets the size of the image tile in pixels.
urlTemplate	(args: TileUrlTemplateArgs) => string		Sets a function that returns an image URL for each tile position.

Methods

notifyChanges
Updates the component fields with the specified values and refreshes the Chart. Use this method when the configuration values cannot be set through the template. ts item.notifyChanges({ visible: true });
Parameters changes any An object containing the updated input fields.