Example of Map with Slider in Angular Maps Component

undefined
Average annual population growth in North American countries


Source: Population growth in North America

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

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.