This sample visualizes the top 25 populated cities in the world by displaying the markers in their locations.

More Details...


In this example, you can see how to render the data labels for each shape in a map. Data labels are used to display the values of the shapes. You can use the autoFill property in the shapeSettings to apply the default palette colors to the shapes.

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

Injecting Module

Maps component features are segregated into individual feature-wise modules. To use a data label, inject the DataLabel module using the Maps.Inject(DataLabel) method.