title: L is not defined error with Leaflet
body: <p>I'm trying to setup leaflet and following the <a href="http://leafletjs.com/examples/quick-start/" rel="noreferrer">quick start guide</a> on their site. However, I keep getting an error of...</p>
  
  <pre><code>Uncaught ReferenceError: L is not defined
  at initmap (main.js:10)
  at main.js:6
  </code></pre>
  
  <p>It seems like an import issue, but I'm stuck. I've tried using the imports provided on their tutorial... </p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
     integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
     crossorigin=""/&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code> &lt;script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
     integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
     crossorigin=""&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But no luck...</p>
  
  <p>I tried downloading the library and adding it to my project like such...<a href="https://i.stack.imgur.com/d4maG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/d4maG.png" alt="enter image description here"></a></p>
  
  <p>And then importing from there such like....</p>
  
  <pre><code>'&lt;script src="js/leaflet/leaflet.js"&gt;&lt;/script&gt;'
  '&lt;script src="js/leaflet/leaflet.js"&gt;&lt;/script&gt;'
  </code></pre>
  
  <p>But still get the same error.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;!--Stylesheets--&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;link rel="stylesheet" href="css/bootstrap.css"&gt;
      &lt;link rel="stylesheet" href="js/leaflet/leaflet.css"&gt;
      &lt;!--Scripts--&gt;
      &lt;script src="js/main.js"&gt;&lt;/script&gt;
      &lt;script src="js/leaflet/leaflet.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;h1&gt;State Capitals&lt;/h1&gt;
  &lt;!--State Form--&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="state" class="col-sm-2 control-label"&gt;State&lt;/label&gt;
      &lt;div class="col-sm-10"&gt;
          &lt;select class="form-control" id="state" name="state"&gt;
              &lt;option value=""&gt;N/A&lt;/option&gt;
              &lt;option value="AK"&gt;Alaska&lt;/option&gt;
              &lt;option value="AL"&gt;Alabama&lt;/option&gt;
              &lt;option value="AR"&gt;Arkansas&lt;/option&gt;
              &lt;option value="AZ"&gt;Arizona&lt;/option&gt;
              &lt;option value="CA"&gt;California&lt;/option&gt;
              &lt;option value="CO"&gt;Colorado&lt;/option&gt;
              &lt;option value="CT"&gt;Connecticut&lt;/option&gt;
              &lt;option value="DC"&gt;District of Columbia&lt;/option&gt;
              &lt;option value="DE"&gt;Delaware&lt;/option&gt;
              &lt;option value="FL"&gt;Florida&lt;/option&gt;
              &lt;option value="GA"&gt;Georgia&lt;/option&gt;
              &lt;option value="HI"&gt;Hawaii&lt;/option&gt;
              &lt;option value="IA"&gt;Iowa&lt;/option&gt;
              &lt;option value="ID"&gt;Idaho&lt;/option&gt;
              &lt;option value="IL"&gt;Illinois&lt;/option&gt;
              &lt;option value="IN"&gt;Indiana&lt;/option&gt;
              &lt;option value="KS"&gt;Kansas&lt;/option&gt;
              &lt;option value="KY"&gt;Kentucky&lt;/option&gt;
              &lt;option value="LA"&gt;Louisiana&lt;/option&gt;
              &lt;option value="MA"&gt;Massachusetts&lt;/option&gt;
              &lt;option value="MD"&gt;Maryland&lt;/option&gt;
              &lt;option value="ME"&gt;Maine&lt;/option&gt;
              &lt;option value="MI"&gt;Michigan&lt;/option&gt;
              &lt;option value="MN"&gt;Minnesota&lt;/option&gt;
              &lt;option value="MO"&gt;Missouri&lt;/option&gt;
              &lt;option value="MS"&gt;Mississippi&lt;/option&gt;
              &lt;option value="MT"&gt;Montana&lt;/option&gt;
              &lt;option value="NC"&gt;North Carolina&lt;/option&gt;
              &lt;option value="ND"&gt;North Dakota&lt;/option&gt;
              &lt;option value="NE"&gt;Nebraska&lt;/option&gt;
              &lt;option value="NH"&gt;New Hampshire&lt;/option&gt;
              &lt;option value="NJ"&gt;New Jersey&lt;/option&gt;
              &lt;option value="NM"&gt;New Mexico&lt;/option&gt;
              &lt;option value="NV"&gt;Nevada&lt;/option&gt;
              &lt;option value="NY"&gt;New York&lt;/option&gt;
              &lt;option value="OH"&gt;Ohio&lt;/option&gt;
              &lt;option value="OK"&gt;Oklahoma&lt;/option&gt;
              &lt;option value="OR"&gt;Oregon&lt;/option&gt;
              &lt;option value="PA"&gt;Pennsylvania&lt;/option&gt;
              &lt;option value="PR"&gt;Puerto Rico&lt;/option&gt;
              &lt;option value="RI"&gt;Rhode Island&lt;/option&gt;
              &lt;option value="SC"&gt;South Carolina&lt;/option&gt;
              &lt;option value="SD"&gt;South Dakota&lt;/option&gt;
              &lt;option value="TN"&gt;Tennessee&lt;/option&gt;
              &lt;option value="TX"&gt;Texas&lt;/option&gt;
              &lt;option value="UT"&gt;Utah&lt;/option&gt;
              &lt;option value="VA"&gt;Virginia&lt;/option&gt;
              &lt;option value="VT"&gt;Vermont&lt;/option&gt;
              &lt;option value="WA"&gt;Washington&lt;/option&gt;
              &lt;option value="WI"&gt;Wisconsin&lt;/option&gt;
              &lt;option value="WV"&gt;West Virginia&lt;/option&gt;
              &lt;option value="WY"&gt;Wyoming&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;!--Map--&gt;
  &lt;div id="mapid"&gt;&lt;/div&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>var map;
  var ajaxRequest;
  var plotlist;
  var plotlayers=[];
  
  initmap();
  
  function initmap() {
      // set up the map
      map = new L.Map('map');
  
      // create the tile layer with correct attribution
      var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
      var osmAttrib='Map data © &lt;a href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt; contributors';
      var osm = new L.TileLayer(osmUrl, {minZoom: 8, maxZoom: 12, attribution: osmAttrib});
  
      // start the map in South-East England
      map.setView(new L.LatLng(51.3, 0.7),9);
      map.addLayer(osm);
  }
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>h1{
      text-align: center;
  }
  
  .form-group {
      width: 700px;
      height: 10%;
      border: 1px solid #c3c3c3;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
  }
  #mapid { height: 180px; }
  </code></pre>