#map {
height: 400px; /* hoogte van de kaart */
width: 100%; /* breedte = volle breedte */
}
Ons te bezoeken gebied
// Startpositie en zoom (bijv. centrum van Nederland)
var map = L.map(‘map’).setView([52.1, 5.3], 7);
// Voeg OpenStreetMap tegel-laag toe
L.tileLayer(‘https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png’, {
attribution: ‘© OpenStreetMap-bijdragers‘
}).addTo(map);
// Definieer een rechthoek (met 2 coördinaten: zuidwest & noordoost hoek)
var bounds = [[52.0, 4.5], [52.3, 5.0]];
// Voeg de rechthoek toe met een kleur
L.rectangle(bounds, {color: “red”, weight: 2}).addTo(map);
// Zoom de kaart automatisch naar de rechthoek
map.fitBounds(bounds);
