New to Kendo UI for Angular? Start a free 30-day trial
LayersComponent
Represents the Kendo UI Layers component for Angular. Contains a collection of one or more map layers.
typescript
@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 = [];
}
Selector
kendo-map-layers