Maps SDK for iOS

Examples

Markers and callouts (8)

Annotation models Add annotation views and images Annotation views Display custom views as callouts Default callout usage Mark a place on the map with an image Dynamically style interactive points Customize the user location annotation

Getting started (4)

Camera animation Apply a style designed in Mapbox Studio Mark a place on the map with an annotation Simple map view

Dynamic styling (8)

Use images to cluster point data Cluster point data Data-driven circles Create a heatmap layer Add an image Add live data Add multiple shapes from a single shape source Add raster imagery

User interaction (6)

Restrict map panning to an area Draggable annotation views Point conversion Show and hide a layer Select a feature within a layer Switch between user tracking modes

Default styles Apply a style designed in Mapbox Studio Classic Satellite styles Use third-party vector tiles Switch between map styles

Display 3D buildings Adjust lighting of 3D buildings

Lines and polygons (5)

Add a pattern to a polygon Add a line annotation from GeoJSON Add a polygon annotation Add a line style layer from GeoJSON Animate a line

Create a static map snapshot Download an offline map

Default styles

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-v9.

Swift

Objective C

import Mapbox
 
class ViewController: 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)
}
}

Was this page helpful?