title: Trouble with leaflet maps (GET mapbox tiles unauthorized 401)
body: <p>I am trying to add leaflet maps to my webpage and I am using Mapbox tiles. I am not able to get the map in the basic tutorial to work, all I am seeing is a grey screen. I have a mp id from mapbox and I have added it to my code. Attaching relevant code below.</p>
  
  <pre><code>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 &amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors, &lt;a href="http://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, Imagery © &lt;a href="http://mapbox.com"&gt;Mapbox&lt;/a&gt;',
      maxZoom: 18
      }).addTo(map);
  </code></pre>
  
  <p>and this is what I am seeing in the console: </p>
  
  <pre><code>GET http://a.tiles.mapbox.com/v4/rakshak.l937n12c/13/4093/2723.png 401 (Unauthorized)
  </code></pre>
  
  <p>In the css I have just put the map height to height: 100vh.</p>
  
  <p>All I am seeing on my screen are the map zoom controllers and a grey screen. Am I missing an important step ? </p>
  
  <p>Edit 1: Update JS code:</p>
  
  <pre><code>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 &amp;copy; &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors, &lt;a href="http://creativecommons.org/licenses/by-sa/2.0/"&gt;CC-BY-SA&lt;/a&gt;, Imagery © &lt;a href="http://mapbox.com"&gt;Mapbox&lt;/a&gt;',
  maxZoom: 18
  }).addTo(map);
  </code></pre>