Blazor Map - Overview
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
The Map component is part of Telerik UI for Blazor, a professional grade UI library with 100+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
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, touch support, multiple customization options 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.
Layers represent the structure of the Blazor Map in the following way:
- Tile: The Tile layer is normally the foundation of the map and will visualize the geography by binding to Open Street Maps or Azure Maps.
- Marker: The Marker layer is where you indicated geographic points with a marker. The Blazor Maps component provides two types of markers: Pin and Pin Target. You can also connect a tooltip to each marker.
- Shape: The Shape layer renders geospatial objects using GeoJSON data. It normally presents as an illustration of a location (e.g., a drawing of Australia).
- Bubble: The Bubble layer gives you an advanced way to visualize data on a map. A circle is placed over a location and its size can indicate the associated value.
The Blazor Map example above uses a Tile layer bound to Open Street Maps and a Marker layer that indicates a few locations with Pin Target markers.
Other Blazor Map features include pan and zoom controls, appearance configuration settings and events used to customize behavior.