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.

Use elevation data to show and customize hills and mountains.

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.

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

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

Animate the marker to a new position on the map.

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

See the International Space Station location in real time.

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

Switch the maps language dynamically.

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

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

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

Use a SymbolLayer to display icons on the map.

Provide an icon when a Style failed to load one.

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.

Adjust the anchor position of SymbolLayer text fields.

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

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

Create a custom layer switcher to display different datasets.

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

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

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

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

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

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

Use Android system interpolators to animate SymbolLayer icons movement.

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

Gain minute control over heatmap coloring.

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

Show calendar event locations on the map.

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

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

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.

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

Add and customize a heatmap to visualize data.

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

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

Filter and draw multiple geometries from a single GeoJSON file.

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

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

Style a line with colored gradient.

Use multiple expressions to convert and visualize data.

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

Outline a polygon hole to highlight a revealed region.

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

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

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

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

Allow or deny text and icons to overlap and collide.

Use GeoJSON and SymbolLayer icons to view clustered images.

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

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

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

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

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

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

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

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

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

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

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

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

Prevent a map from being panned to a different place.

Slowly have the camera circle around a single point.

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

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

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

Explore the various ways to manage the Maps SDK cache.

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

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

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

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

Use a custom Mapbox-hosted style.

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

Click on and highlight a selected GeoJSON polygon.

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

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

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

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

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

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

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

Quickly show the directions route associated with a RecyclerView item.

Manipulate the map based on recyclerview interactions.

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

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

Show a snapshotted image in a notification.

Send and share a map snapshot image.

Receive updates when the device changes location.

Use LocationComponent camera options to customize map camera behavior.

Use LocationComponent options to customize the user location information.

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.