--- steps/step-3/index.html 2025-11-04 20:55:41.297975413 +0000
+++ steps/step-4/index.html 2025-11-09 20:10:59.253275740 +0000
@@ -7,7 +7,7 @@
* leaflet-providers
-->
<head>
- <title>Make the map use the full window</title>
+ <title>Add an alternative tile layer</title>
<meta charset="utf-8" />
<script src="../../node_modules/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="../../node_modules/leaflet/dist/leaflet.css"/>
@@ -32,8 +32,15 @@
var zoom = 18;
var osmLayer = L.tileLayer.provider('OpenStreetMap.Mapnik');
+ var germanLayer = L.tileLayer.provider('OpenStreetMap.DE');
var myMap = L.map('mapDiv', { layers: osmLayer}).setView(latLon, zoom);
+
+ var baseLayers = {
+ 'OSM': osmLayer,
+ 'German': germanLayer
+ };
+ L.control.layers(baseLayers, {}, {collapsed: false}).addTo(myMap);
</script>
</body>
</html>