लीफलेट मानचित्रों के साथ परेशानी (मैपबॉक्स टाइल्स अनधिकृत 401 प्राप्त करें)

Question

मैं अपने वेबपृष्ठ पर लीफलेट मानचित्र जोड़ने की कोशिश कर रहा हूं और मैं मैपबॉक्स टाइल्स का उपयोग कर रहा हूं। मैं काम करने के लिए बुनियादी ट्यूटोरियल में नक्शा प्राप्त करने में सक्षम नहीं हूं, मैं देख रहा हूं कि एक ग्रे स्क्रीन है। मेरे पास मैपबॉक्स से एक एमपी आईडी है और मैंने इसे अपने कोड में जोड़ा है। नीचे प्रासंगिक कोड संलग्न करना।

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); 

और यह है कि क्या मैं कंसोल में देख रहा हूँ है:

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

सीएसएस में मैं सिर्फ ऊंचाई करने के लिए नक्शे ऊंचाई डाल: 100vh।

मैं अपनी स्क्रीन पर देख रहा हूं मानचित्र मानचित्र ज़ूम नियंत्रक और एक ग्रे स्क्रीन हैं। क्या मुझे एक महत्वपूर्ण कदम याद आ रहा है?

संपादित करें 1: अद्यतन जे एस कोड:

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

अपने tileLayer सेट करें अपने नक्शे के आईडी और अपने उपयोगकर्ता टोकन शामिल करने के लिए: http://plnkr.co/edit/Kf3f8h?p=preview