How to show the map using online GeoJson file using the .NET MAUI Maps (SfMaps)?

This article describes how to show the map using an online GeoJson file in Syncfusion .NET MAUI Maps control.

Step 1: Create the maps control by referring to this link.

Step 2: Load a map shape using URI source. The MapSource.FromUri method requires a URI argument, and returns a new MapSource object that reads the shape source from the URI. There’s also an implicit conversion for string based URIs.

The following code snippet demonstrates how to provide a URI shape source in XAML.

<map:SfMaps>
    <map:SfMaps.Layer>
        <map:MapShapeLayer ShapesSource="https://cdn.syncfusion.com/maps/map-data/world-map.json" />
    </map:SfMaps.Layer>
</map:SfMaps>

The following code snippet demonstrates how to provide a URI shape source in C#.

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;

Output

View sample in the GitHub.

See also

How to set a file in embedded resource?

How to load a local file?

How to load a remote file?

How to load from stream?

Conclusion

I hope you enjoyed learning about how to show the map using online GeoJson file using the .NET MAUI Maps (SfMaps).

You can refer to our .NET MAUI Map’s feature tour page to know about its other groundbreaking feature representations.

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

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!