--- steps/step-3/index.html 2025-11-01 14:58:23.108604676 +0000
+++ steps/step-4/index.html 2025-11-01 14:59:12.636906094 +0000
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<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"/>
@@ -26,8 +26,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).addTo(myMap);
</script>
</body>
</html>