--- steps/step-2/index.html 2023-09-11 11:38:22.116653229 +0000
+++ steps/step-3/index.html 2023-09-11 11:38:23.180658414 +0000
@@ -1,14 +1,26 @@
<!DOCTYPE html>
<html>
<head>
- <title>Simplify tile layer setup</title>
+ <title>Make the map use the full window</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>
+ <style>
+ body {
+ margin: 0;
+ padding: 0;
+ }
+ #mapDiv {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ }
+ </style>
</head>
<body>
- <div id='mapDiv' style='width: 800px; height: 600px'></div>
+ <div id='mapDiv'></div>
<script>
var latLon = [53.56250, 9.95982];
var zoom = 18;