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

Layers

The information that the Map component renders is organized into layers.

Types of Layers

The available Map layers are:

Tile

Tile layers are suitable for displaying:

Example
View Source
Edit In Stackblitz  
Change Theme:

Bing

Microsoft Bing provides dedicated support and requires you to obtain an API key.

The following example demonstrates how to display an OpenStreetMap layer.

Example
View Source
Edit In Stackblitz  
Change Theme:

Marker

The Marker layer enables you to bind a collection of data and render markers on the Map.

Example
View Source
Edit In Stackblitz  
Change Theme:

Shape

The Shape layer enables you to bind the layer to GeoJson data and plot shapes on the Map.

Example
View Source
Edit In Stackblitz  
Change Theme:

Bubble

The Bubble layer draws circle or square shapes whose size is defined by the value of the data that is bound.

Example
View Source
Edit In Stackblitz  
Change Theme: