Published on

How to Add Imagery and Hybrid Layers to a Mapbox GL JS Map

This article teaches you how to add free imagery and hybrid layers (both basemaps and overlays) to your Mapbox GL JS map.

Click on one of the imagery layers or hybrid layers in the layer preview application that you want to add to your map. Copy the code needed to add the layer to your map.

Note that some of the layers require registration to use - links to registration pages are provided in the preview application.

To learn how to create a simple Mapbox GL JS map with the layer(s) you've copied, read this article.

You can also use any of the layers here to add to your map.

Attribution

The list of layers and the preview application used here are based on this Github repository.