Progress Telerik UI for Blazor

Blazor Map

  • The Telerik UI for Blazor Map helps you create robust and interactive maps with ease. Featuring support for a a wide range of tile map providers, multiple customization options for the map, its tools and layers.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for Blazor Map component allows you to display geographical information organized in layers and can be integrated with open map providers in your apps. The Blazor Map includes tile, bubble, shape and marker layers, as well as support for the GeoJSON data format. It is compatible with a wide range of tile map providers, enabling you to easily integrate advanced location and mobility capabilities into your maps, touch support, multiple customization options and more!

    See demo of the Telerik Blazor Map component.
    Telerik UI for Blazor Map Component
  • Map Configuration Options

    The Map component for Blazor includes multiple configuration options related to the map itself, the map controls (zoom, attribution, navigator) and its tiles (type, size, min & max zoom, multiple style fill properties, marker shape and more).

  • Map Layers

    Depending on the different map providers and use case, you can take advantage of the following map layers:

    • Tile – Renders elements and can be bound to OpenStreetMap & Azure map providers
    • Bubble – A vector layer that displays bubbles over another layer to mark regions
    • Shape – Binding to GeoJSON data
    • Marker – Used for displaying markers on the map and a tooltip when the marker is hovered
    See a demo of the Telerik Blazor Map bubble layer implementation.
    Telerik UI for Blazor Map Bubble Layer
  • Map Events and Methods

    The Map exposes a Refresh method and several events that let you define logic when a marker, shape or the map is clicked: OnMarkerClick, OnShapeClick and OnClick.

    Telerik UI for ASP.NET Core Events
  • Theming

    The Telerik UI for Blazor Map component has several built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling for smooth integration). You can easily customize any of the out-of-the-box themes with a few lines of CSS, or create a new theme to match your colors and branding by using the Telerik Sass ThemeBuilder application.

    Telerik UI for Blazor Map Component Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.