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.

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

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.

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

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

Create a custom layer switcher to display different datasets.

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

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

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.

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 polyline by parsing a GeoJSON file with the Mapbox Maps SDK.

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.

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

Style a line with colored gradient.

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

Use multiple expressions to convert and visualize data.

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.

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

Allow or deny text and icons to overlap and collide.

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

Use GeoJSON and SymbolLayer icons to view clustered images.

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.

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

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.

Use a custom Mapbox-hosted style.

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

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

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.

Click on and highlight a selected GeoJSON polygon.

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 display a user's location on a map fragment.

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