How to Add Google Map / Imagery / Hybrid Layer to a Mapbox GL JS Map

This article teaches you how to add a Google map layer or other Google basemaps/layers to your Mapbox GL JS map using static XYZ tiles.

Open our layer preview application where you can preview the different types of Google basemaps and layers. Select the layer you want to add to your map and copy the code needed to add the layer to your map.

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