Explore the Top 8 features of Angular Maps.

· Markers · Data labels · Bubbles  · Navigation Lines · Legends · Tooltip · Zooming and panning · Drill down


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.


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.


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.


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.

Syncfusion Angular Maps component

The Angular Maps component has a rich feature set and is ideal for rendering maps from GeoJSON data or from other map providers, such as OpenStreetMap, Google Maps, and Bing Maps.

No credit card required.