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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


Syncfusion Flutter Maps is a powerful data visualization component that displays statistical information for a geographical area. Its rich feature set includes selection, legends, labels, markers, tooltips, bubbles, color mapping, and much more.

Shape layers

Render GeoJSON data as geographical shapes or any custom shape on a shape layer for powerful data visualization. Customize it to the desired look using built-in options. For example, you can render a map of the world or any particular country.

Data labels

Data labels provide basic information about the shapes by displaying their names. If required, trim or hide the labels when they exceed the shape bounds.

Maps data label support.


Legends provide clear information on the data plotted in the maps using various colors and shapes. You can also use the legend toggling feature to let the end user visualize only the required shapes and data much easier.

Maps default legend.


Move the legend to any one of the four sides or to a custom position.

Maps custom legend.


The default shape, size, and appearance of the legend icons can be customized.

Color mapping

Categorize the shapes on a map by customizing their color based on their underlying data. Maps supports two types of color mapping, equal color mapping and range color mapping.

Maps equal color mapping.

Equal color mapping

Apply a specific color to a shape solely based on its data. For example, apply colors to countries of the world based on their membership.

Maps range color mapping.

Range color mapping

Apply colors to the shapes if their data falls within a specific range. For example, apply colors to countries of the world based on their population density.

Map bubbles

Add information to shapes, such as population density and number of users. Bubbles can be rendered in different colors and sizes based on the settings of their assigned shape.

Maps default bubble.

Color customization

Customize the color of a bubble and its transparency based on the data.

Maps custom bubble.

Size customization

Customize the size of a bubble based on the data to enhance its readability.

Map marker

Denote the important locations on the maps using markers. Use built-in shapes such as circles, diamonds, squares, triangles, or and any type of custom widget as a marker.

Maps custom marker.


Make use of interactive features like selection, tooltip, and legend items toggling to enhance the users’ experience.

Maps shape tooltip.

Shape tooltip

Enable tooltip for the shapes. On tapping or clicking, additional information about a particular shape can be shown.

Maps bubble tooltip.

Bubble tooltip

Enable tooltip for the bubbles. On tapping or clicking, additional information about a particular bubble shape can be shown.

Maps selection support.


Highlight a shape to focus on the selected area. Use functionalities like page transitions, show detailed information about the selected area, and more during this interaction.


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Syncfusion Awards
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

Live Chat Icon For mobile
Live Chat Icon