Source

--- steps/step-1/index.html	2025-11-09 17:31:24.600330688 +0000
+++ steps/step-2/index.html	2025-11-04 20:55:43.217987455 +0000
@@ -4,12 +4,14 @@
     requires the following npm packages:
 
     * leaflet
+    * leaflet-providers
   -->
   <head>
-    <title>A Simple Map</title>
+    <title>Simplify tile layer setup</title>
     <meta charset="utf-8" />
     <script src="../../node_modules/leaflet/dist/leaflet.js"></script>
     <link rel="stylesheet" href="../../node_modules/leaflet/dist/leaflet.css"/>
+    <script src="../../node_modules/leaflet-providers/leaflet-providers.js"></script>
   </head>
   <body>
     <div id='mapDiv' style='width: 800px; height: 600px'></div>
@@ -17,8 +19,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>