React Map

Overview

The KendoReact Map component will help you integrate and visualize a map service (like Open Street Map) into your React app. It comes with support for overlays and other shapes.

• Tile based maps, integrating with open map providers
• Map markers
• GeoJSON
• Touch-based control for mobile devices
• Events and API

See the React Map demo.

Tile-Based Maps and Integration with Open Map Providers

Get your React Map up and running in no time by integrating one of the many open map data services with the GeoViz Map. The component provides flexible configuration options, allowing you to easily load maps from various tile-based map providers, such as Openstreetmap.org, ArcGIS and many more.

See the React Map Tile Layer demo.

Bubble Layer

For built-in data visualization, the React Map includes a bubble tile layer. When bound to data, values will be represented by bubbles of different sizes and colors.

See the React Map Bubble Layer demo.

GeoJSON Binding

The GeoJSON standard enables you to draw your unique shapes and add custom data to your React maps. You can display anything from country and state outlines to off-the-wall ideas. The high-level customization options allow you to implement complex scenarios and meet any project requirement.

See the React Map GeoJSON binding demo.

Map Markers

Bind the React Map to data to add points of interests, defined by their geographical position on the map.

See the React Map Markers demo.