👁 Image
Superdev.Maui.Maps 1.0.23

Superdev.Maui.Maps

👁 Version
👁 Downloads
👁 Buy Me a Coffee

Download and Install Superdev.Maui.Maps

This library is available on NuGet: https://www.nuget.org/packages/Superdev.Maui.Maps Use the following command to install Superdev.Maui.Maps using NuGet package manager console:

PM> Install-Package Superdev.Maui.Maps

You can use this library in any .NET MAUI project compatible to .NET 9 and higher.

App Setup

1. This plugin provides an extension method for MauiAppBuilder UseSuperdevMauiMaps which ensure proper startup and initialization. Call this method within your MauiProgram just as demonstrated in the MapsDemoApp:

   var builder = MauiApp.CreateBuilder()
    .UseMauiApp<App>()
    .UseSuperdevMauiMaps();
   

2. tbd

Sample App

In the Samples folder of this repository, you will find the MapsDemoApp, which demonstrates the features of Superdev.Maui.Maps. To debug, clone the repository and run the sample app directly in your development environment.

API Usage

The following documentation guides you through the most important use cases of this library.
Not all aspects are covered. If you think there is something important missing here, feel free to open a new issue.

This documentation only demonstrates the use of Superdev.Maui.Maps within a XAML and MVVM-based app. Of course, the code also works in C# and code-behind UIs.

Map 🗺

The Map control is the core component of Superdev.Maui.Maps.
Superdev.Maui.Maps.Controls.Map replaces the well-known Microsoft.Maui.Controls.Maps.Map and extends it with additional bindable properties, MVVM-friendly features, and additional functionality for templated pins, two-way map region binding, and custom interaction handling.

You can use Map directly in XAML and bind to its properties like any other MAUI control. Don't forget to import the correct XAML namespace alias in order to use the map controls of this library.

xmlns:m="http://Superdev.Maui.Maps"

Example:

<m:Map
 ItemsSource="{Binding Locations}"
 SelectedItem="{Binding SelectedLocation, Mode=TwoWay}"
 CenterPosition="{Binding MapCenter, Mode=TwoWay}"
 ZoomLevel="{Binding MapZoom, Mode=TwoWay}"
 IsReadonly="False"
 IsTrafficEnabled="True" />

Bindable Properties

Pin 📍

The Pin control represents a map marker. Superdev.Maui.Maps extends the default Microsoft.Maui.Controls.Maps.Pin with additional bindable properties to support custom icons, anchor positioning, selection tracking, and command binding for marker interactions.

Example:

<m:Pin
 Label="{Binding Name}"
 Location="{Binding Coordinates}"
 ImageSource="{Binding Icon}"
 MarkerClickedCommand="{Binding PinClickedCommand}" />

Bindable Properties

Contribution

Contributors welcome! If you find a bug or you want to propose a new feature, feel free to do so by opening a new issue on github.com.

Links

• https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/map
• https://github.com/TorbenK/TK.CustomMap
• https://github.com/symbiogenesis/MauiMvvmMap
• https://github.com/RustaMSHar/MapsDemo
• https://github.com/TrashMob-eco/TrashMob
• https://github.com/ErNeRooo/AirsoftBmsApp
• https://github.com/VladislavAntonyuk/MauiSamples/tree/main/MauiMaps
• https://github.com/dmariogatto/Maui.Controls.BetterMaps
• https://github.com/CarlosMenendezSMSopen/VMedic
• https://github.com/iratrips-india/IratripsMapKit/tree/maui
• https://github.com/jorgediegocrespo/MauiMaps/tree/main
• https://github.com/dotnet/macios/blob/main/src/mapkit.cs
• https://github.com/NAXAM/cchmapclustercontroller-ios-binding/