Explore the Top 8 features of Angular Maps.
· Markers · Data labels · Bubbles · Navigation Lines · Legends · Tooltip · Zooming and panning · Drill down
Markers
Mark places with symbols or messages on a map at the desired latitude and longitude using markers. You can add multiple markers to a map and use any HTML element as a marker.
Data labels
Shapes can be identified by their names, which are displayed in data labels on Angular Maps. When labels cross other labels or when they exceed shape bounds, they are trimmed or hidden.
Bubbles
The underlying data values for maps can be represented by bubbles of different colors and magnitudes in the Maps control. Bubbles are used to show additional information about shapes.
Navigation Lines
Draw a line on a map connecting two locations that represents a ship or flight route. These connecting lines can also be curved.
Legends
A guide to the symbols used in the maps is represented visually in a legend. It offers useful information for interpreting what the maps are displaying and can be contain a variety of colors, shapes, or other identifiers depending on the data.
Tooltip
When a shape is hovered over, the tooltip provides information about the shape value. For markers and bubbles on a map, tooltips are also visible.
Zooming and panning
By pinching the map, scrolling the mouse wheel, clicking on the shapes, or using the zooming toolbar, you can zoom Angular Maps for close-up analysis. You can also pan a map for simple region navigation.
Drill down
To display a different shape data set located on a different layer, drill down the rendered Angular Maps. For example, when rendering the world map, you can click on a specific continent to render it separately on another layer.