KendoReact Map
Add interactive, customizable maps into React applications easily.
- Supports tile-based maps from open providers like OpenStreetMap.
- Includes markers, bubble layers, and GeoJSON shape bindings.
- Offers event handling for map interactions and touch controls.
Prices from:
| Available in | |
|---|---|
| KendoReact | Loading |
| Kendo UI | Loading |
| Telerik DevCraft | Loading |
Tile-Based Maps Integration
Supports integration with popular open map tile providers like OpenStreetMap and ArcGIS, allowing developers to render scalable, detailed base maps in React applications via a flexible URL template configuration.
Map Markers
Allows adding geographic markers based on latitude and longitude coordinates to highlight points of interest, locations, or regions on the map with customizable icons and tooltips.
Bubble Layers for Data Visualization
Enables visualization of data magnitude or distribution through bubbles of varying sizes and colors placed on the map according to data-driven values and locations.
GeoJSON Shape Binding
Supports binding to GeoJSON data to render complex geographic shapes such as country borders, state outlines, or custom polygons for advanced mapping scenarios and enriched user interfaces.
Event Handling and Interaction
Exposes events like map clicks, marker clicks, panning, and zooming providing developers with control over user interactions and enabling interactive map experiences.
Touch-Based Controls
Optimized for mobile devices by providing intuitive touch navigation controls such as panning and zooming, making the maps accessible and responsive on smartphones and tablets.
Customizable Appearance and Theming
Allows styling through themes and custom CSS to adapt the map's user interface to fit the application's design language and enhance visual consistency.
React Component-Based Architecture
Built as modular React components including Map, MapLayers, MapTileLayer, MapMarkerLayer, and MapBubbleLayer, which developers can compose to build interactive and performant mapping applications.
Product Compatibility
Review the details below to ensure this product is supported within your environment.
Component Type
- JavaScript
JavaScript Platform
- React
- Vanilla JavaScript
About Telerik
Telerik, founded in 2002 and headquartered in Sofia, Bulgaria, develops UI component libraries, reporting tools, and testing solutions for .NET and JavaScript application development. Its flagship products include Telerik DevCraft, a collection of UI, reporting, testing, and productivity tools for Microsoft development platforms, and Kendo UI, a suite of JavaScript UI libraries for frameworks including Angular, React, and Vue. Telerik also provides document processing, reporting, and automated testing technologies designed for web, desktop, and mobile software development environments.
As official and authorized distributors since 2018, ComponentSource supplies you with legitimate licenses directly from Telerik.