Examples | Maps SDK | iOS | Mapbox

Maps SDK for iOS

Examples

Markers and callouts (8)

Getting started (4)

User interaction (6)

Dynamic styling (9)

Lines and polygons (5)

Getting started (4)

Camera animation

Animate camera movement.

Apply a style designed in Mapbox Studio

Use a style created in Mapbox Studio with the Mapbox Maps SDK for iOS.

Mark a place on the map with an annotation

Add a default marker with a callout and title using the Mapbox Maps SDK for iOS.

Simple map view

Show a map in a view controller with the Mapbox Maps SDK for iOS.

Markers and callouts (8)

Annotation models

Subclass annotation classes and implement the MGLAnnotation protocol.

Add annotation views and images

Add multiple annotations containing views and images.

Annotation views

Custom annotation views with animated selection.

Default callout usage

Use default appearance and interactivity of annotation callout views.

Display custom views as callouts

Create and display a custom callout view with the Mapbox Maps SDK for iOS.

Mark a place on the map with an image

Add a point annotation with a custom image.

Dynamically style interactive points

Add interactive, dynamically-styled points, derived from a web API call.

Customize the user location annotation

Override the default user location annotation.

User interaction (6)

Restrict map panning to an area

Prevent a map from being panned to a different place by constraining the viewport.

Draggable annotation views

Custom annotation views with that can be dragged.

Point conversion

Convert between screen location and geographic coordinates.

Show and hide a layer

Add a source and a toggleable layer.

Select a feature within a layer

Allow a user to select a feature within a style layer.

Switch between user tracking modes

Toggle between user tracking modes using a custom UIButton.

Dynamic styling (9)

Use images to cluster point data

Color & display clustered point data using images and interval-based property styling.

Data-driven circles

Dynamically style a circle layer with data-driven styling.

Cluster point data

Color & display data point clusters using interval-based property styling.

Create a heatmap layer

Visualize earthquake data using a heatmap layer.

Add an image to a map using an image source and raster style layer.

Add and update a source that uses real-time data.

Display multiple images in a symbol layer

Display multiple images within the same symbol layer with the Mapbox Maps SDK for iOS.

Add multiple shapes from a single shape source

Create style layers from a shape collection feature.

Add raster imagery

Dynamically add a raster source.

Map styles (5)

Use a variety of professionally designed styles with the Mapbox Maps SDK for iOS.

Apply a style designed in Mapbox Studio Classic

Use legacy raster tiles on a map.

Satellite styles

Use the satellite base layer on your map.

Switch between map styles

Switch between map styles using a UISegmentedControl.

Use third-party vector tiles

Load a third-party vector source using a custom style.

Lines and polygons (5)

Add a pattern to a polygon

Create a polygon with a custom fill pattern.

Add a line annotation from GeoJSON

Draw a polyline by parsing a GeoJSON file.

Add a polygon annotation

Draw a vector polygon on a map with the Mapbox Maps SDK for iOS.

Add a line style layer from GeoJSON

Add a polyline from a GeoJSON source and style it dynamically.

Add an animated polyline from a GeoJSON source.

3D (2)

Display 3D buildings

Create fill extrusions using building height.

Adjust lighting of 3D buildings

Adjust the lighting properties for fill extrusions with a slider.

Offline (2)

Create a static map snapshot

Create a map snapshot object.

Download an offline map

Download an offline pack and track its progress.