Example of Map with Slider in Javascript Maps Control

Map with Slider

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

More Details...


In this example, the range color mapping is applied to the shapes based on the population growth of the countries in percentage. The EJ2 Slider control is placed at the bottom of the maps to control the minimum and maximum color ranges. The 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 The maps component features are segregated into individual modules by feature. To use a marker, inject the Marker module using the Maps.Inject(Marker) method, and to use a legend, inject the Legend module. More information on colormapping can be found in this documentation section.