title: Using Esri ocean basemap in html and javascript code?
body: <p>I know that I can add OpenStreetMap or Google Maps as basemaps in a web page. However, I am looking for a basemap that enhances the oceans. Is it possible to add an Esri ocean basemap to my html and javascript code? If so, where could I find the code? </p>
  
  <p>EDIT: I have worked up some code. The map doesn't show up when I open it. What is wrong with my code?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Map&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
      &lt;!-- Load Leaflet from CDN--&gt;
      &lt;link rel="stylesheet" href="//cdn.jsdelivr.net/leaflet/0.7.3/leaflet.css" /&gt;
      &lt;script src="//cdn.jsdelivr.net/leaflet/0.7.3/leaflet.js"&gt;&lt;/script&gt;
  
      &lt;!-- Load Esri Leaflet from CDN --&gt;
      &lt;script src="//cdn.jsdelivr.net/leaflet.esri/1.0.0/esri-leaflet.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="map" style="width: 1330px; height: 630px"&gt;&lt;/div&gt;
  
  &lt;script&gt;
          var map = L.map('map').setView([54.296500, -2.209221], 5);
          L.esri.basemapLayer('Oceans').addTo(map);
  
          var popup = L.popup();
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>