title: Using ESRI street maps with Leaflet
body: <p>How can I integrate the ESRI street maps (<a href="https://leaflet-extras.github.io/leaflet-providers/preview/#filter=Esri.WorldStreetMap" rel="nofollow noreferrer">https://leaflet-extras.github.io/leaflet-providers/preview/#filter=Esri.WorldStreetMap</a>) into my leaflet javascript. Following is what I did but the map doesn't load. </p>
  
  <pre><code>&lt;script src="https://unpkg.com/esri-leaflet@2.0.6"&gt;&lt;/script&gt;
  &lt;script&gt; var map = L.map('map1').setView([48.135, 11.582], 3);
  L.esri.basemapLayer('Streets').addTo(map); 
  
       L.tileLayer('http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map /MapServer/tile/{z}/{y}/{x}', {
  attribution: 'Tiles &amp;copy; Esri &amp;mdash; Source: Esri, DeLorme, NAVTEQ, USGS,    Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand),  TomTom, 2012'}).addTO(map); 
  </code></pre>