Leaflet tiles: Failed to load resource: the server responded with a status of 403 (Forbidden)

If you recently encounter a 403 error for your Leaflet tiles and your map is just showing gray it’s most likely that you’re using the tiles from Cloudmade which decided to discontinue their MapTile service for non-enterprise users.

The easiest way to fix it is to change the cloudmade tile url:

var tileUri = 'http://tile.cloudmade.com/APIKEY/88233/256/{z}/{x}/{y}.png';

With other provider (OSM for instance):

var tileUri = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';

Once again Open Source saves the day 😉

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.