👁 Image
Moody.Maui.GoogleMaps 1.1.0

👁 Logo
Moody.Maui.GoogleMaps

👁 NuGet

Maps library for MAUI that uses Google maps on both mobile platforms - Android and iOS.

Usage is almost the same as Xamarin.Forms.GoogleMaps - github because it was forked from it. More information about library capabilities can be found there. Please note that after the migration to MAUI some properties, events or commands may have been omitted. Also, the namespace is Maui.GoogleMaps instead of Xamarin.Forms.GoogleMaps.

Platform Support

Setup

• Target .NET 9 for best experience
• Install into your MAUI project by downloading the library from nuget: 👁 NuGet
  
• Finish the Google Cloud Console setup
• Get your API Keys from Google, then in Platforms/Android:

// MainApplication.cs
 [Application]
 [MetaData("com.google.android.maps.v2.API_KEY",
 Value = Variables.GOOGLE_MAPS_ANDROID_API_KEY)]
 public class MainApplication : MauiApplication
 {
 public MainApplication(IntPtr handle, JniHandleOwnership ownership) 
 : base(handle, ownership)
 { }
 
 protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
 }

And in the MauiProgram.cs file

// MauiProgram.cs
using Maui.GoogleMaps.Hosting;
...
public static MauiApp CreateMauiApp()
{
 var builder = MauiApp.CreateBuilder();
 builder.UseMauiApp<App>();
 
#if ANDROID
 builder.UseGoogleMaps();
#elif IOS
 builder.UseGoogleMaps(Variables.GOOGLE_MAPS_IOS_API_KEY);
#endif
 return builder.Build();	
}

If you want to animate Pin on the Map like UBER or other Tracking Apps you can use the below extension method:

pinTokyo = new Pin()
{
 Type = PinType.Place,
 Label = "Tokyo SKYTREE",
 Address = "Sumida-ku, Tokyo, Japan",
 Position = new Position(35.71d, 139.81d),
 Rotation = 33.3f,
 Tag = "id_tokyo",
 IsVisible = switchIsVisibleTokyo.IsToggled,
 TranslateAnimation = 2.5f, //this is the time in seconds for the pin to translate to new position
 RotateAnimation = 2.5f //this is the time in seconds for the pin to rotate to new angle
};

If you need clustering, install 👁 NuGet
and add this line:

builder.UseGoogleMapsClustering();

For more information on clustering and regular map usage check out sample app:

• MauiGoogleMapSample

Contribution

I really appreciate your contribution. If u have spotted a bug you want to fix or have a feature/enhancement you would like to implement please open a pull request targeting the maui branch. If u have any questions you are free to reach out to me - all contact info is available in my profile.

License

See .

• logo.png by alecive - CC BY-SA 4.0