XYZ Tile Layers for Mapbox GL JS

Overview

Do you want to add free basemaps or other tiled layers to your Mapbox application? Well, you've come to the right place. Here's how it works:

We have an extensive list of free XYZ tile layers that we have categorized by type. By selecting a category, a map application with the selected type of layers will open. There you can preview the layers and copy the code needed to add them to your application. You can also view the full list of layers by selecting the 'all' category at the bottom of the page. All these layers have global coverage.

To learn how to create a simple Mapbox map with XYZ tile layer(s), read this article.

Light

Light layers include bright-colored basemaps that are the most common ones in mapping applications.

Dark

Add a dark basemap if you're looking for a night-time/special operations vibe.

Grayscale

Grayscale basemaps use primarily (or only) different shades of gray.

Pastel

These soft-colored basemaps should work well if you want your layers to stand out on the map.

Background

Background maps have little if any labels.

Imagery

Imagery layers include satellite images and aerial photographs.

Hybrid

These layers contain hybrid basemaps and overlays with road network and labels.

Terrain

Terrain layers put the emphasis on topographical features.

Outdoors

These basemaps and layers are perfect for maps related to outdoor activites such as hiking and snowboarding.

Cycling

Here are some basemaps and layers crafted specially for biking geeks.

Transport

Want to add bus routes or metro stations to your map, or just looking to highlight major roads? Here are some layers for you.

Traffic

You can use these layers for live information on traffic and road conditions.

Fun

Want an entertaining or quirky basemap? Take a look here.

Mobile

Other layers on this page will appear quite small on mobile devices but these basemaps have larger features and will look good on devices with higher PPI value.

Labels

Use one of these layers to add text labels to your map.

Weather

Check here to add temperature, precipitation, snow cover or other weather layers to your map.

Other

Here are some other cool layers that don't quite fit into any of the above categories.

All

Want to have a look at all the available basemaps and layers? Here you go!

Attribution

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