D3 Examples - Leaflet Draw documentation bug

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
   integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ=="
   crossorigin=""/>
  <link rel="stylesheet" href="https://unpkg.com/leaflet-draw@0.4.10/dist/leaflet.draw.css" />
  <style>
    body { margin:0; position: fixed; top: 0; bottom: 0; left: 0; right: 0;}
    #map { height: 100%; width: 100%; }
  </style>
</head>
<body>
  <div id="map"></div>
  <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"
   integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg=="
   crossorigin=""></script>
  <script src="https://unpkg.com/leaflet-draw@0.4.10"></script>
  <script>
        var map = L.map('map').setView([51.505, -0.09], 13);
    L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
    
   // FeatureGroup is to store editable layers
   var drawnItems = new L.FeatureGroup();
   map.addLayer(drawnItems);
   var drawControl = new L.Control.Draw({
       edit: {
           featureGroup: drawnItems
       }
   });
   map.addControl(drawControl);
    
   // without the next code block, drawn items will not persist to the map
//    map.on(L.Draw.Event.CREATED, function (e) {
//       var type = e.layerType,
//           layer = e.layer;
​
//       if (type === 'marker') {
//           layer.bindPopup('A popup!');
//       }
​
//       editableLayers.addLayer(layer);
//    });
  </script>
</body>
​
    