Problemi con le mappe opuscoli (piastrelle GET mapbox non autorizzate 401)

Question

Sto provando ad aggiungere mappe di volantini alla mia pagina Web e sto usando le tessere Mapbox. Non riesco a far funzionare la mappa nel tutorial di base, tutto quello che vedo è uno schermo grigio. Ho un id della mapbox e l'ho aggiunto al mio codice. Allegando il codice pertinente di seguito.

var map = L.map('map').setView([51.505, -0.09], 13); 
    L.tileLayer('http://{s}.tiles.mapbox.com/v3/rakshak.l937n12c/{z}/{x}/{y}.png', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
    maxZoom: 18 
    }).addTo(map); 

e questo è quello che sto vedendo nella console:

GET http://a.tiles.mapbox.com/v4/rakshak.l937n12c/13/4093/2723.png 401 (Unauthorized) 

Nel css ho appena messo l'altezza della mappa per altezza: 100VH.

Tutto quello che vedo sullo schermo sono i controller zoom della mappa e uno schermo grigio. Mi manca un passaggio importante?

Edit 1: aggiornamento del codice JS:

var map = L.map('map').setView([51.505, -0.09], 13); 
L.tileLayer('http://api.tiles.mapbox.com/v4/rakshak.l937n12c/{z}/{x}/{y}.{format}?access_token=pk.eyJ1IjoicmFrc2hhayIsImEiOiJ5cHhqeHlRIn0.Vi87VjI1cKbl1lhOn95Lpw', { 
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
maxZoom: 18 
}).addTo(map); 

Answer 1

Configurare il tileLayer per includere l'identificativo del tuo mappa e il token dell'utente:

var tileLayer = L.tileLayer('https://{s}.tiles.mapbox.com/v4/{mapId}/{z}/{x}/{y}.png?access_token={token}', { 
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>', 
    subdomains: ['a','b','c','d'], 
    mapId: <YOUR MAPID HERE>, 
    token: <YOUR TOKEN HERE> 
}); 

Ecco un esempio di lavoro sul Plunker: http://plnkr.co/edit/Kf3f8h?p=preview