Source

--- steps/step-1/index.html	2023-09-11 11:38:24.584665257 +0000
+++ steps/step-2/index.html	2023-09-11 11:38:22.116653229 +0000
@@ -1,10 +1,11 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>A Simple Map</title>
+    <title>Simplify tile layer setup</title>
     <meta charset="utf-8" />
     <script src="../../bower_components/leaflet/dist/leaflet.js"></script>
     <link rel="stylesheet" href="../../bower_components/leaflet/dist/leaflet.css"/>
+    <script src="../../bower_components/leaflet-providers/leaflet-providers.js"></script>
   </head>
   <body>
     <div id='mapDiv' style='width: 800px; height: 600px'></div>
@@ -12,8 +13,7 @@
       var latLon = [53.56250, 9.95982];
       var zoom = 18;
 
-      var osmLayer = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', 
-                                 {attribution: 'Map data &copy; OpenStreetMap contributors'});
+      var osmLayer = L.tileLayer.provider('OpenStreetMap.Mapnik');
 
       var myMap = L.map('mapDiv', { layers: osmLayer}).setView(latLon, zoom);
     </script>