Net MAUI MAPS Темный режим

Прежде всего, существует проблема Настройка стиля карты. Вы можете следить за этим. В качестве обходного пути вы можете вызвать для этого собственный код платформы.

• На iOS

Собственный элемент управления карты — MauiMKMapView , который реализует MKMapView, поэтому вы можете установить свойство overrideUserInterfaceStyle, чтобы получить темный режим.

Создайте собственный обработчик для карты:

namespace MauiAppTest.Platforms.iOS
{
    public class CustomMapHandler : MapHandler
    {
        protected override void ConnectHandler(MauiMKMapView platformView)
        {
            platformView.OverrideUserInterfaceStyle = UIKit.UIUserInterfaceStyle.Dark;
            base.ConnectHandler(platformView);
        }
    }
}

Кроме того, для этого можно использовать экземпляр элемента управления Map в методе OnHandlerChanged страницы, например:

(mapname.Handler.PlatformView as MauiMkMapView)
     .OverrideUserInterfaceStyle = UIKit.UIUserInterfaceStyle.Dark;

• На Андроиде

Элемент управления картой использует карту Google. Итак, вы можете прочитать официальный документ о Добавить стилизованную карту.

Прежде всего, создайте JSON-файл темного режима (действие сборки — встроенный ресурс) о Справочнике стилей для Maps SDK для Android. Вы можете установить цвет темного режима самостоятельно.

Затем вы также можете создать собственный обработчик для платформы Android:

namespace MauiAppTest.Platforms.Android
{
    class CustomMapHandler : MapHandler
    {
        protected override void ConnectHandler(MapView platformView)
        {
            var googlemap = this.Map;
            var a = Assembly.GetExecutingAssembly();
            using var stream = a.GetManifestResourceStream("MauiAppTest.dark_map_style.json");
            string json = string.Empty;
            using (var reader = new StreamReader(stream!))
            {
                json = reader.ReadToEnd();
            }
            googlemap.SetMapStyle(new Android.Gms.Maps.Model.MapStyleOptions(json));
            base.ConnectHandler(platformView);
        }
       
    }
}

Или вы можете просто реализовать IOnMapReadyCallback, как это сделано в официальном документе карты Google:

public class MainActivity : MauiAppCompatActivity, IOnMapReadyCallback
{
    public void OnMapReady(GoogleMap googleMap)
    {
           var a = Assembly.GetExecutingAssembly();
           using var stream = a.GetManifestResourceStream("MauiAppTest.dark_map_style.json");
           string json = string.Empty;
           using (var reader = new StreamReader(stream!))
           {
               json = reader.ReadToEnd();
           }
           googlemap.SetMapStyle(new Android.Gms.Maps.Model.MapStyleOptions(json));
    }
}

Наконец, используйте собственный обработчик в MauiProgram.cs:

UseMauiMaps().ConfigureMauiHandlers((handlers) =>
                {
#if ANDROID
                handlers.AddHandler(typeof(Map), typeof(MauiAppTest.Platforms.Android.CustomMapHandler));
#elif IOS
                handlers.AddHandler(typeof(Map), typeof(MauiAppTest.Platforms.iOS.CustomMapHandler));
#endif
                }); 

===============================

Вы можете просто получить Handler в методе HandlerChanged или в событии нажатия кнопки:

В xaml:

<Map x:Name = "map" ..../>

В методе OnHandlerChanged страницы или событии нажатия кнопки:

protected override void OnHandlerChanged()
{
           base.OnHandlerChanged();
#if IOS
           (map.Handler.PlatformView as MauiMkMapView)
            .OverrideUserInterfaceStyle = UIKit.UIUserInterfaceStyle.Dark;
#elif ANDROID
            var googlemap = (map.Handler as MapHandler).Map;
            var a = Assembly.GetExecutingAssembly();
            using var stream = a.GetManifestResourceStream("MauiAppTest.dark_map_style.json");
            string json = string.Empty;
            using (var reader = new StreamReader(stream!))
            {
                json = reader.ReadToEnd();
            }
            googlemap.SetMapStyle(new Android.Gms.Maps.Model.MapStyleOptions(json));
#endif
}