Map

Map Overview

The Telerik and Kendo UI Map component allows you to display geospatial information organized in layers. You can connect the component to various online providers, such as OpenStreetMap, OpenWeatherMap, ArcGIS, Azure, and many more.

The Map component includes tile, shape bubble, and marker layers. It also provides support for the GeoJSON data format.

Live Demo

Anatomy

The anatomy of the Map summarizes the elements of the component:

1. Map controls
2. Navigator
3. Zoom control
4. Marker

Layer Views

The Telerik and Kendo UI Map component has built-in layer options that let you configure the visualization of locations:

• Marker Layer—Displays a marker over a specific location.
• Bubble Layer—Displays bubbles over another layer to mark regions.

1. Marker layer
2. Bubble layer

Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

Kendo UI for Angular MapFind more information about the Kendo UI for Angular Map in the official product documentation of the component.

Telerik UI for Blazor MapFind more information about the Telerik UI for Blazor Map in the official product documentation of the component.

Kendo UI for jQuery MapFind more information about the Kendo UI for jQuery Map in the official product documentation of the component.

KendoReact MapFind more information about the KendoReact Map in the official product documentation of the component.

Kendo UI for Vue MapFind more information about the Kendo UI for Vue Map in the official product documentation of the component.

Telerik UI for ASP.NET Core MapFind more information about the Telerik UI for ASP.NET Core Map component.

Telerik UI for ASP.NET MVC MapFind more information about the Telerik UI for ASP.NET MVC Map component.