Examples

Learn how to quickly display a Mapbox Street map in your app.

Add a mapview in a dynamically created layout.

Include a map fragment within your app using Android support library.

Download and view an offline map using the Mapbox Maps SDK.

Using the second argument of addLayer, you can be more precise.

Add a vector source to a map and display it as a layer.

Adding an external Web Map Service layer to the map.

Drag the seek bar to adjust the opacity of a raster layer on top of a map.

Change the location and color of the light shined on extrusions.

Adjust the color, size, and fonts of SymbolLayer text fields.

Animate the marker to a new position on the map.

Animate the map's camera position, tilt, bearing, and zoom.

Use Android system interpolators to animate SymbolLayer icons movement.

Show an animated image (GIF) anywhere on the map.

Add a gradient on top of a MapView to show a background fog effect.

Use the Maps SDK and filters to explore baseball data.

Show the basic LocationComponent pulsing circle.

Use the Android system's fingerprint unlock to reveal "personal" data on a map.

Query the building layer and show a building's outline.

Change various properties of a map based on user interaction and other runtime situations.

Explore the various ways to manage the Maps SDK cache.

Show calendar event locations on the map.

Using layer set to change a layer's fill color.

Switch the maps language dynamically.

Use layer filters and feature properties to create the visual effect of toggling between circles and icons when they're tapped on.

Set the radii of a circle layer's circles based on a data property.

Use expressions to create a smooth visual transition from circles to icons.

Use GeoJSON and circle layers to visualize point data in clusters.

Click on and highlight a selected GeoJSON polygon.

Select a photo on the device and add it on the map tap location.

Make a property depend on the map zoom level, in this case, the water layers fill color.

Create a GeoJSON line source, style it using properties, and add the layer to the map.

Use the Mapbox Maps SDK to visualize point data as hotspots.

See how to customize the LocationComponent pulsing circle's color, speed, and opacity.

Use LocationComponent options to customize the user location information.

Use data-driven styling to visualize point data with a time lapse effect; rainfall in China in this example.

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

Use extrusions to display 3D building height based on imported vector data.

Use data-driven styling to show bathymetry (water depth) data.

Draw a polyline by parsing a GeoJSON file with the Mapbox Maps SDK.

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

Draw a vector polygon with holes on a map using the Mapbox Maps SDK.

Filter and draw multiple geometries from a single GeoJSON file.

Drag a finger on the map to draw a search area.

Create a 3D indoor map with the fill-extrude-height paint property.

Get the feature count inside a bounding box and highlight all the buildings.

Position the camera so that all the given markers are in view.

Tap on a line and add a highlight effect behind it.

Use elevation data to show and customize hills and mountains.

Create a SymbolLayer and set the iconId to be dependent on each Feature's property key-value pair.

See the International Space Station location in real time.

Display an indoor map of a building with toggles to switch between floor levels.

Show a smaller inset map fragment and link it to a larger map for two map interaction. Great for gaming.

Style a choropleth map by merging local JSON data with vector tile geometries.

Draw a line behind a moving SymbolLayer icon which moves along a Mapbox Directions API route.

Style a line with colored gradient.

Load a locally stored map style JSON file or custom raster style via a URL.

Use LocationComponent camera options to customize map camera behavior.

Drop a marker at a specific location and then perform reverse geocoding.

Use a custom Mapbox-hosted style.

Using a map matched GeoJSON route, the marker travels along the route at consistent speed.

Use multiple expressions to convert and visualize data.

Use a format expression to style labels with multiple languages, fonts, sizes, and colors.

Download, view, navigate to, and delete an offline region.

Adjust the opacity of a satellite raster layer based on zoom level.

Outline a polygon hole to highlight a revealed region.

Use the Android O release of picture-in-picture to maintain a map in a separate window.

Use the style API to highlight parks, hotels, and attractions. A pulsing animation is also added to the colors.

Click the map to add a marker at the location and display the maps property information for that feature.

Quickly show the directions route associated with a RecyclerView item.

Manipulate the map based on recyclerview interactions.

Prevent a map from being panned to a different place.

Rotate and tilt device to change camera and see all around 3D buildings.

Slowly have the camera circle around a single point.

View satellite photos and click to outline an area of land.

Search for certain features once the map is moved. This example finds parks.

Use the query feature to select a building, get its geometry and draw a polygon highlighting it.

Send and share a map snapshot image.

Use the Android system's Shared Preferences to save and retrieve coordinates.

Use the LocationComponent to show the user's current location on the map.

Use the LocationComponent to display a user's location on a map fragment.

Create a custom layer switcher to display different datasets.

Add and customize a heatmap to visualize data.

Use an image source and a runnable to show data changes over time.

Rather than showing the directions route all at once, have it 'snake' from the origin to destination.

Show a snapshotted image in a notification.

Use a ValueAnimator to adjust SymbolLayer icons' rotation values and create a spinning effect.

Adjust the attribution "i" to match a map style, app UI, or color motif.

Using a categorical circle-color property function for a visualization.

Using an identity line-color property function for a visualization.

Provide an icon when a Style failed to load one.

Gain minute control over heatmap coloring.

Query the map and animate the change in a SymbolLayer icon's size if clicked on.

Use a SymbolLayer to display icons on the map.

Use SymbolLayer and icons to show data in a BubbleLayout "info window".

Use GeoJSON and SymbolLayer icons to view clustered images.

Add markers via SymbolLayer and manipulate the data in real time. A Mapillary integration is also showcased in this example.

Adjust the anchor position of SymbolLayer text fields.

Allow or deny text and icons to overlap and collide.

Receive updates when the device changes location.

Create a transparent background and fill it with something such as moving water.

Style a choropleth map with data-driven styling, local JSON data, and vector tile geometries.

Use an image source to easily display images on the map.

Use data-driven styling and GeoJSON data to set extrusion heights.

To increase the chance of high-priority labels staying visible, provide the map renderer a list of preferred text anchor positions.

Tap on a cluster and adjust the camera bounds to show the cluster's leaves.

Change SymbolLayer icons based on the camera's zoom level.