Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
​
    <!-- Load jQuery -->
    <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
​
    <!-- Load Leaflet -->
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
​
    <script>
      /*
       * Keep the map variable out here so we can access it from
       * the console.
       */
      var map;
​
      $(document).ready(function () {
        /*
         * Create the map
         */
        map = L.map('map').setView([40.70, -73.96], 11);
​
        /*
         * Add base tiles from Mapbox. Replace "ebrelsford.ho06j5h0" with
         * the id from your Mapbox map to use those tiles instead.
         */
        L.tileLayer('https://{s}.tiles.mapbox.com/v3/ebrelsford.ho06j5h0/{z}/{x}/{y}.png', {
          maxZoom: 18,
          attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery &copy; <a href="http://mapbox.com">Mapbox</a>'
        }).addTo(map);
      });
    </script>
  </head>
  <body>
    <div id="map"></div>
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ebrelsfordpro
0viewers