How can I turn the MKMapView for dark mode?

Question

How can I change the map to dark mode from iOS 13?

I have opt-out from UserInterfaceStyle so system-wide colors will not apply to me, so I'll do it manually.

I've seen this video from apple WWDC2019 - Session 236, at 8:19s but that's for snapshots and I didn't get it.

Actually I was trying something like:

private var mapView: MKMapView!

override func viewDidLoad() {
    super.viewDidLoad()
    mapView.backgroundColor = .black       
}

but it doesn't change the theme or appearance or the traitCollection to dark.

Any suggestion?

score 16 · Accepted Answer · edited Aug 07 '20 at 05:32

16

This is what you need on the viewDidLoad

if #available(iOS 13.0, *) {
    self.overrideUserInterfaceStyle = .dark
}

edited Aug 07 '20 at 05:32

James Kuang

10,710
4
28
38

answered Oct 25 '19 at 20:41

Marlhex

1,870
19
27

1

Perfect, have opted out of dark mode for now and my Map snapshots where coming out black. This fixed it. – Brett Oct 28 '19 at 01:10

score 7 · Answer 2 · edited Aug 07 '20 at 05:31

Setting overrideUserInterfaceStyle on viewDidLoad method will force that view controller to use the desired mode you specify.

 if #available(iOS 13.0, *) {
     overrideUserInterfaceStyle = .light
 }

MapSnapShot

if you are trying to take a snapshot and confused with output image colour Use

 if #available(iOS 13.0, *) {
     mapSnapshotOptions.traitCollection = traitCollection
 }

Full code for a MKMapSnapshotter

func mapCamera(location : CLLocationCoordinate2D )-> MKMapSnapshotter {
    let mapSnapshotOptions = MKMapSnapshotter.Options()
       
    let region = MKCoordinateRegion(center: location, latitudinalMeters: 500, longitudinalMeters: 500)
    mapSnapshotOptions.region = region
    mapSnapshotOptions.scale = UIScreen.main.scale
    mapSnapshotOptions.size = AppConstants.Size.mapDetailView
    mapSnapshotOptions.showsBuildings = true
    mapSnapshotOptions.showsPointsOfInterest = true
    if #available(iOS 13.0, *) {
        mapSnapshotOptions.traitCollection = traitCollection
    }
    return MKMapSnapshotter(options: mapSnapshotOptions)
}

score 3 · Answer 3 · answered Dec 14 '19 at 14:06

3

In case you got here searching for a macOS solution (like me), simply update the appearance property on MKMapView:

if #available(OSX 10.14, *) {
    mapView.appearance = NSAppearance(named: .darkAqua) // .aqua for default mode
}

answered Dec 14 '19 at 14:06

bitemybyte

971
1
10
24

How can I turn the MKMapView for dark mode?

3 Answers3