Example of Map with Slider in React Maps Component


This sample visualizes the average annual population growth of the countries in the North America continent.

More Details...


In this example, range color mapping is applied to the shapes based on their population growth percentage. EJ2 Slider control is place at the bottom of the map to control the minimum and maximum color range.

Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker in touch enabled devices.

Injecting Module

Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the Maps.Inject(Marker) method, and use a legend by injecting the Legend module.