Default styles | Maps SDK v6 | iOS

A newer version of the Maps SDK is available

This page uses v6.4.1 of the Mapbox Maps SDK. A newer version of the SDK is available. Learn about the latest version, v11.8.0, in the Maps SDK documentation.

To use one of the default styles provided by Mapbox, call the corresponding class method of MGLStyle, then pass the return value into -[MGLMapView setStyleURL:].

If you’re using an Interface Builder storyboard, set the Style URL inspectable to a URL such as mapbox://styles/mapbox/light-v11.

Swift

Objective C

ViewController

github View on GitHub

Swift

Objective C


import Mapbox

@objc(DefaultStylesExample_Swift)

class DefaultStylesExample_Swift: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        let mapView = MGLMapView(frame: view.bounds, styleURL: MGLStyle.outdoorsStyleURL)

        // Tint the ℹ️ button and the user location annotation.
        mapView.tintColor = .darkGray

        mapView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

        // Set the map’s center coordinate and zoom level.
        mapView.setCenter(CLLocationCoordinate2D(latitude: 51.50713, longitude: -0.10957),
                          zoomLevel: 13, animated: false)
        view.addSubview(mapView)
    }
}

ViewController

github View on GitHub

Swift

Objective C


#import "ViewController.h"
@import Mapbox;
@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    MGLMapView *mapView = [[MGLMapView alloc] initWithFrame:self.view.bounds
                                                   styleURL:[MGLStyle outdoorsStyleURL]];

    // Tint the ℹ️ button and the user location annotation.
    mapView.tintColor = [UIColor darkGrayColor];

    mapView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

    // Set the map’s center coordinate and zoom level.
    [mapView setCenterCoordinate:CLLocationCoordinate2DMake(51.50713, -0.10957)
                       zoomLevel:13
                        animated:NO];

    [self.view addSubview:mapView];
}

@end

追加の開発者リソース