How to add sub shape file layer for tilelayer in the .NET MAUI Maps (SfMaps)?

In the Syncfusion .NET MAUI Maps control, add the sub-shape file layer over the tile layer of the SfMaps to highlight the map through the following steps.

Step 1: Add the SfMaps control to your layout.

XAML:

<map:SfMaps>
</map:SfMaps>

Step 2:

Initialize the MapTIleLayer of the SfMap’s Layer and set the URL to the UrlTemplate property of the MapTileLayer as shown in the following code sample.

XAML:

<map:SfMaps.Layer>
    <map:MapTileLayer UrlTemplate="https://tile.openstreetmap.org/{z}/{x}/{y}.png">
    </map:MapTileLayer>
</map:SfMaps.Layer>

Step 3:

Add MapShapeSublayer to the MapTileLayer’s Sublayers, and set the ShapesSource property of the MapShapeSublayer. Set the ShapeStroke and ShapeFill properties to highlight the added shape. The following code sample shows how to implement this step.

XAML:

<map:MapTileLayer.Sublayers>
    <map:MapShapeSublayer ShapesSource="https://cdn.syncfusion.com/maps/map-data/africa.json"
                          ShapeStroke="DarkGray"
                          ShapeFill="#c6c6c6">
    </map:MapShapeSublayer>
</map:MapTileLayer.Sublayers>

Output:

Conclusion

I hope you enjoyed learning how to add the sub-shape file layer over the tile layer in the .NET MAUI Maps (SfMaps).

Refer to our .NET MAUI Maps feature tour page to learn about its other groundbreaking feature representations. You can explore our .NET MAUI Maps documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion, try our 30-day free trial to check out our .NET MAUI Maps and other .NET MAUI components.

Please let us know in the following comments section if you have any queries or require clarifications. Contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!