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. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The .NET MAUI Maps control 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, Google Maps, and other tile providers. The shape layer has highly interactive and customizable features such as selection, tooltip, legends, markers, bubbles, and color mapping. Users can generate maps to determine population density, sales distribution, political boundaries, weather, elections, and routes.


.NET MAUI Maps Code Example

Easily get started with the .NET MAUI Maps control using a few simple lines of XAML code example as demonstrated below. Also, explore our .NET MAUI Maps Example that shows you how to render and configure the .NET MAUI Maps.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="SimpleSample.MainPage"
             xmlns:local="clr-namespace:SimpleSample"
             xmlns:map="clr-namespace:Syncfusion.Maui.Maps;assembly=Syncfusion.Maui.Maps">
    <map:SfMaps>
        <map:SfMaps.Layer>
            <map:MapShapeLayer ShapesSource="https://cdn.syncfusion.com/maps/map-data/world-map.json"
                 ShapeStroke="DarkGrey">
            </map:MapShapeLayer>
        </map:SfMaps.Layer>
    </map:SfMaps>
</ContentPage>

Shape layer

Render GeoJSON or shapefile data as custom maps or geographical area shapes on a shape layer for powerful data visualization. Customize the maps to the desired look using built-in options.

.NET MAUI Maps shape layer support.


.NET MAUI Maps tile layer support.

Tile layer

An interactive tile layer allows you to load and customize map tiles from web map-tile services such as OpenStreetMaps, Bing Maps API, Google Maps Tile API, TomTom, Mapbox, and Esri’s ArcGIS. Use markers to denote a specific latitude and longitude in the tile layer. Zoom and pan the tile layer to navigate across the regions and take a closer look.


Data labels

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

.NET MAUI Maps data label support.


.NET MAUI Maps selection support.

Selection

Highlight a shape to focus attention on a specific area. Use this functionality to navigate pages and show detailed information about a selected area.


Interactive map markers

Show markers for a shape layer with specific latitudes and longitudes. Use multiple markers to denote important locations in the .NET MAUI Maps control. Use built-in marker icons such as circles, diamonds, rectangles, and triangles. As a custom marker, you can use any type of content, like a label control for displaying simple text. Change the marker position dynamically to the desired location in scenarios like real-time location updates. Use a marker’s tap or click interaction for custom functionalities such as navigation or a custom info window.

.NET MAUI Maps custom marker.

Shape layer

Show markers for a shape layer with specific latitudes and longitudes.

.NET MAUI Maps custom marker.

Tile layer

Show markers for a tile layer with specific latitudes and longitudes.


Legends

Legends in the shape layer provide clear information about the data in the .NET MAUI Maps control by explaining the meaning of the shapes and bubble colors on the maps.

.NET MAUI Maps shape legend.

Shape legends

Shape legends effectively present distinct details for any data depicted in the .NET MAUI Maps control through the use of shapes.

.NET MAUI Maps bubble legend.

Bubble legends

The bubble legends present precise information regarding the data represented using bubbles.

.NET MAUI Maps default legend.

Position

Move a legend to any of the four sides (top, left, bottom, and right) on a map.


Color mapping

Categorize the shapes on a map by customizing their color based on their underlying data. The .NET MAUI Maps control supports two types of color mapping: equal and range.

.NET MAUI Maps equal color mapping.

Equal color mapping

Apply a specific color to a shape purely based on its data. For example, apply colors to countries based on their organization membership.

.NET MAUI Maps range color mapping.

Range color mapping

Apply colors to shapes if their data falls within a specific range. For example, apply colors to countries 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.

.NET MAUI Maps default bubble.

Color customization

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

.NET MAUI Maps custom bubble.

Size customization

Customize the size of a bubble based on data to improve the readability of the map.


Tooltips

Enhance the user experience by adding tooltips that display additional information about shapes, bubbles, and markers when they are tapped, clicked, or hovered over.

.NET MAUI Maps shape tooltip.

Shape tooltips

A shape tooltip displays information when interacting with shapes.

.NET MAUI Maps bubble tooltip.

Bubble tooltips

A bubble tooltip displays more information whenever you engage with the bubbles.

.NET MAUI Maps marker tooltip.

Marker tooltips

Show tooltips for markers every time you engage with them in .NET MAUI Maps.


Show routes and highlight regions

Add vector shapes such as lines, polylines, arcs, circles, and polygons on both the shape layer and tile layer to show routes and highlight specific regions.

Shape layer vector layer in .NET MAUI Maps.

On shape layer

Add vector shapes on top of the shape layer to show routes and highlight specific regions.

Tile layer vector layer in .NET MAUI Maps.

On tile layer

Add vector shapes on top of the tile layer to show routes and highlight specific regions.

.NET MAUI Maps circle layer.

Circles

Add circles on the shape layer and tile layer. Every Maps circle renders a circle using a center and radius.

.NET MAUI Maps polygon layer.

Polygons

Add polygons on the shape layer and tile layer. Every polygon connects multiple coordinates through a points property.


Shape sublayers

Integrate a shape sublayer with GeoJSON data within an existing shape layer or tile layer to provide more detailed information about a specific region.

Shape layer sublayer in .NET MAUI Maps.

On shape layer

A shape layer can contain a collection of map sublayers, where you can add a shape layer as a sublayer of another shape layer.

Tile layer sublayer in .NET MAUI Maps.

On tile layer

A tile layer can contain a collection of map sublayers, where you can add a shape layer as a sublayer of the tile layer.


Zooming and panning

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

Maps zoom and pan support in .NET MAUI.




Frequently Asked Questions

The Syncfusion .NET MAUI Maps control lets users:

  • Display map areas using GeoJSON or shapefile data.
  • Highlight locations with built-in symbols or custom content at specific latitudes and longitudes on the map.
  • Enhance shapes with bubbles, conveying data such as population density or user numbers, presented in various colors and sizes based on data values.
  • Highlight a region by selecting a shape on the map and choose to trigger actions during shape selection.
  • Utilize legends to offer clear information on data plotted in the map, improving understanding and interpretation.
  • Categorize map shapes based on underlying values by assigning colors for specific values or ranges.
  • Display additional information through a customizable tooltip, enhancing users’ understanding of the map data.
  • One of the best .NET MAUI Maps in the market, offering feature-rich UI to interact with the software.
  • Simple configuration and APIs.
  • Mobile-touch friendly.
  • Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Maps.

You can find our .NET MAUI Maps demo here, which demonstrates how to render and configure the Maps control.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Syncfusion .NET MAUI Resources

Awards

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.

Up arrow icon