title: Javascript quick start tutorial
body: <p>I've been running through the leaflet <a href="https://leafletjs.com/examples/quick-start/" rel="nofollow noreferrer">quick start</a> guide but without much success.</p>
  <p>My code is as follows:</p>
  <pre><code> &lt;link rel=&quot;stylesheet&quot; 
  href=&quot;https://unpkg.com/leaflet@1.7.1/dist/leaflet.css&quot;
     integrity=&quot;sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==&quot;
     crossorigin=&quot;&quot;/&gt;
  
  &lt;!-- Make sure you put this AFTER Leaflet's CSS --&gt;
   &lt;script src=&quot;https://unpkg.com/leaflet@1.7.1/dist/leaflet.js&quot;
     integrity=&quot;sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==&quot;
     crossorigin=&quot;&quot;&gt;&lt;/script&gt;
  
  &lt;div id=&quot;mapid&quot;&gt;&lt;/div&gt;
  
  mapid { height: 180px; }
  
  var mymap = L.map('mapid').setView([51.505, -0.09], 13);
  
  
   L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y} 
     ?access_token={accessToken}', {
      attribution: 'Map data &amp;copy; &lt;a 
  href=&quot;https://www.openstreetmap.org/copyright&quot;&gt;OpenStreetMap&lt;/a&gt; 
  contributors, Imagery © &lt;a 
  href=&quot;https://www.mapbox.com/&quot;&gt;Mapbox&lt;/a&gt;',
      maxZoom: 18,
      id: 'mapbox/streets-v11',
      tileSize: 512,
      zoomOffset: -1,
      accessToken:'XXXX'
  }).addTo(mymap);
  </code></pre>
  <p>It seems to be going a bit awry at the #mapid command. Does anybody have any suggestions, please?</p>