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 tile rendering from OpenStreetMap, Bing Maps, and other tile providers with marker support and shape layer with features like selection, legends, labels, markers, tooltips, bubbles, color mapping, and much more.

Shape layer

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.

Maps shape layer support.

Tile layer

An interactive tile layer allows you to load map tiles from web map tile services such as Bing Maps, OpenStreetMaps, Google Maps, TomTom, etc. Use markers to denote the specific latitude and longitude in the tile layer as required. Zoom and pan the tile layer to navigate across the regions and take a closer look.

Maps tile layer support.

Data labels

Data labels in shape layer 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 in the shape layer provide clear information on the data plotted in the maps through shape and bubble colors. You can also use the legend toggling feature to let the end user visualize only the required shapes and data much easier.

Maps shape legend.

Shape legend

Shows the legend for the data represented by the shapes.

Maps bubble legend.

Bubble legend

Shows the legend for the data represented by the bubbles.

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. Use the markers for denoting the important locations on the maps.

Maps custom marker.

Shape Layer

Show markers for the shape layer in the specific latitudes and longitudes.

Maps custom marker.

Tile layer

Show markers for the tile layer in the specific latitudes and longitudes.


Make use of interactive features like zooming-panning, 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. It is also possible to show custom widgets for the tooltip.

Maps bubble tooltip.

Bubble tooltip

Enable tooltip for the bubbles. On tapping or clicking, additional information about a particular bubble shape can be shown. It is also possible to show custom widgets for the tooltip.

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.

Maps Zoompan support.

Zooming and panning

Zoom in any layer for a closer look at a specific region by pinching, scrolling the mouse wheel or track pad, or using the toolbar on the web. Pan the map to navigate across the regions. Zooming and panning can be enabled for both the shape layer and the tile layer.


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.

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