Published on

XYZ Tile Layers for Leaflet

Overview

Do you want to add free basemaps or other tiled layers to your Leaflet 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 Leaflet map with XYZ tile layer(s), read this article.

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

Light

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

Dark

Dark

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

Grayscale

Grayscale

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

Pastel

Pastel

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

Background

Background

Background maps have little if any labels.

Imagery

Imagery

Imagery layers include satellite images and aerial photographs.

Hybrid

Hybrid

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

Terrain

Terrain

Terrain layers put the emphasis on topographical features.

Outdoors

Outdoors

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

Cycling

Cycling

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

Transport

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

Traffic

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

Fun

Fun

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

Mobile

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

Labels

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

Weather

Weather

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

Other

Other

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

All

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.