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.

Use elevation data to show and customize hills and mountains.

Using the second argument of addLayerBelow, you can be more precise where your layer ends up in the map stack.

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.

Update a SymbolLayer icon based on an API call and response.

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

Switch the map's 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.

Provide an icon when a Style fails to load one.

Use the style API to adjust layers' opacity to highlight data. Los Angeles' parks, hotels, and attractions are displayed in this example.

Use the Android system's picture-in-picture functionality to maintain a map in a separate window (requires Android O and above).

Adjust the anchor position of SymbolLayer text fields.

Create a custom layer switcher to display different datasets.

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.

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

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

Use runtime styling to toggle the color, size, and font of SymbolLayer text fields.

Use a format expression to style labels in multiple ways.

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

Use an image source to display images on the map.

Use Android system interpolators to animate SymbolLayer icons movement.

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

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 heat map coloring, size, density, and other styling.

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

Show calendar event locations on the map.

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

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

Use the 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.

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

Draw a polyline by parsing a GeoJSON file with the Map SDK.

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

Draw a vector polygon on a map with the Map SDK.

Gain minute control over heat map coloring, size, density, and other styling.

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

Style a line with colored gradient.

Display markers on the map with SymbolLayer icons.

Use multiple expressions to visualize unit change in data.

Outline a polygon hole to highlight a revealed region.

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

Use GeoJSON and SymbolLayer icons to view clustered images.

Display state or county population depending on zoom level.

Add and customize a heatmap to visualize data.

Change the location and color of the light that's shined on extrusions.

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

Rotate a map with 3D buildings.

Use data-driven styling and GeoJSON data to set extrusions' heights.

Use imported vector data to set the height of 3D building extrusions.

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 this feature.

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

Click on and highlight a selected a GeoJSON polygon.

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

Show a dotted directions route to a location that\'s based on map movement.

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

Manipulate the map based on RecyclerView interactions.

Redo search for certain features in a certain area once the map is moved.

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

Show a snapshotted map image in a notification.

Send and share a map snapshot image.

Download and view an offline map using the Maps SDK.

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

Use location component options to customize the user location information.

Use the LocationComponent to show a user's location in a map fragment.

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

Fade map styles in and out based on zoom level.

Example loads the map style via a locally stored style JSON file or custom raster style.

Use a custom Mapbox-hosted style.

Use a variety of professionally designed styles with the Map SDK.