How To Integrate .NET MAUI Maps With Android Native Embedding Application?

In this article, you will learn how to create a .NET MAUI Maps native embedded Android application by following the step by step process explained below.

Step 1: Create a .NET Android application and install the Syncfusion.Maui.Maps nuget package using the nuget.org.

Step 2: In the project file of the native application, add the tag <UseMaui>true</UseMaui> to enable the .NET MAUI support as demonstrated below.

[XML]:

<PropertyGroup>
    <Nullable>enable</Nullable>
    <ImplicitUsings>enable</ImplicitUsings>
    <UseMaui>true</UseMaui>
</PropertyGroup>

Step 3: Initialize .NET MAUI in the native app project by creating a MauiAppBuilder object and using the UseMauiEmbedding function. Then, use the Build() method on the MauiAppBuilder object to build a MauiApp object. Finally, create a MauiContext object from the MauiApp object to convert .NET MAUI controls to native types.

[C#]:

MauiContext? _mauiContext;
protected override void OnCreate(Bundle? savedInstanceState)
{
    base.OnCreate(savedInstanceState);
    MauiAppBuilder builder = MauiApp.CreateBuilder();
    builder.UseMauiEmbedding<Microsoft.Maui.Controls.Application>();
    builder.ConfigureSyncfusionCore();
    MauiApp mauiApp = builder.Build();
    _mauiContext = new MauiContext(mauiApp.Services, this);
}

Step 4: Create a new instance for the SfMaps control, add a shape layer to it, and set the source of the map shapes using the ShapesSource property of the MapShapeLayer.

[C#]:

protected override void OnCreate(Bundle? savedInstanceState)
{
   ...
   SfMaps map = new SfMaps();
   MapShapeLayer layer = new MapShapeLayer();
   layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
   map.Layer = layer;
   ...
}

Step 5: Convert the Maps control to a platform-specific view for the .NET MAUI framework and set this view as the content view for the current Android activity.

[C#]:

protected override void OnCreate(Bundle? savedInstanceState)
{
   Android.Views.View view = map.ToPlatform(_mauiContext);

   // Set our view from the "main" layout resource
   SetContentView(view);
}

Output: