We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


The map control is a powerful data visualization widget that can be used to articulate data as a map. This is used to represent statistical data for a particular geographical area. Custom shapes can also be rendered using maps.

GeoJSON layer

GeoJSON data can be bound to the maps to render any geometric shapes for powerful shape data visualization.

Geo-imagery visuals

Built-in support for external geospatial imagery services, such as Bing maps and OpenStreetMap, is used to visualize the satellite, aerial, street map, or other kinds of imagery tiles without any external shape inputs. By using these external services, the map data can be located easily.


Multiple geometric layers in a single view can be rendered by using sublayer. For example, additional geographic features of a country such as rivers, valleys, and more can be rendered as sublayer. Each layer can also be drilled.

Maps with multiple layers

Title and subtitle

Title and subtitle can be added to visualize additional information on the map. You can customize the font and alignment of the title and subtitle.

Maps with title and subtitle

Color mapping

Categorize shapes by customizing their color based on the underlying value. Maps support two types of color mapping, range color mapping and equal color mapping.

Maps with range color mapping

Range color mapping

Colors can be applied to shapes by comparing their value with a desired numeric range. For example, colors can be applied to states based on population density.

Maps with equal color mapping

Equal color mapping

Equal color mapping is used to differentiate a shape’s fill based on its underlying value and color. For example, colors can be applied to states based on a winning candidate.


You can denote a place with symbols or note some message at desired latitude and longitude of a location in the map using markers. Any HTML element can be placed as a marker. You can also add multiple markers to a map.

Maps with markers

Data label

Data labels are used to display the names of particular shapes. Labels can be trimmed or hidden at intersections with other labels if they exceed shape bounds.

Maps with data label


Bubbles are used to denote some additional information about shapes such as population density, land area, and more. They are rendered with various magnitudes and colors based on the underlying data values of the shape.

Maps with bubbles

You can denote flight/ship routes in a geographic map by using navigation lines. It also acts as the connector line which links points in a map.

Maps with navigation lines


Legends are used to provide valuable information for interpreting the map with various colors, shapes, or other identifiers based on data and application needs. Maps support two types of legends: default and interactive.

Maps with default legend


Default legend contains swatches of symbols with descriptions to denote the categories of shapes.

Maps with interactive legend


Interactive legend is used to find the range of an underlying shape’s value on mouseover.


Any HTML element can be displayed as an annotation at a specific point of interest in the map. For example, a direction compass image can be placed in the map using annotation. Multiple annotations can be added to a map.

Maps with annotation

Custom shapes

Map allows you to render custom shapes to indicate building infrastructure, points of interest, flight/bus seat arrangement, and any other useful information.

Maps with custom shape

Zooming and panning

Zoom the map for close-up analysis by pinching, scrolling the mouse wheel, clicking the shapes, or using zooming toolbar and pan the map for easy navigation across regions.

Zoomed map


Displays the details about the shape value through the tooltip by hovering the mouse over the shape. Tooltip can be displayed for shape, marker, and bubble in the map.

Maps with tooltip

Selection and highlight

A particular shape can be selected on mouse click or highlighted on mouseover to bring the center of attraction over other shapes in a map.

Maps with pattern applied for selection and highlighting


Customize the look and feel of a map by changing the fill color, background, border, and opacity of shapes. Built-in palettes with customizable options are available by default.

Customizing maps appearance


Export or print the rendered maps to save a local copy for further use.

Exporting maps to different formats


Exports the maps to a PDF document or in image formats such as SVG, PNG, and JPEG in client-side.

Printing maps in browser


Prints the rendered maps directly from the browser.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon