var mymap = L.map('meteoradar').setView([43.58, 3.77], 8); L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', { attribution: '<a target="_blank" href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> | &copy; météo.fr',     maxZoom: 16, minZoom: 5 }).addTo(mymap); var filestrDet = ['18:30','18:45','19:00','19:15','19:30','19:45','20:00','20:15','20:30','20:45',];var radargif = ['./radar2/fiveteen2026-06-04T18:30.gif?s=260604193410','./radar2/fiveteen2026-06-04T18:45.gif?s=260604193410','./radar2/fiveteen2026-06-04T19:00.gif?s=260604193410','./radar2/fiveteen2026-06-04T19:15.gif?s=260604193410','./radar2/fiveteen2026-06-04T19:30.gif?s=260604193410','./radar2/fiveteen2026-06-04T19:45.gif?s=260604193410','./radar2/fiveteen2026-06-04T20:00.gif?s=260604193410','./radar2/fiveteen2026-06-04T20:15.gif?s=260604193410','./radar2/fiveteen2026-06-04T20:30.gif?s=260604193410','./radar2/fiveteen2026-06-04T20:45.gif?s=260604193410',];var center = [51.1,-4.9];var imageUrl = radargif[0]; imageBounds = [center, [41.3, 9.6]];var imageOverlay = L.imageOverlay(imageUrl, imageBounds).addTo(mymap);imageOverlay.setStyle({ opacity: 0.5 }); changeMapFunction =  function({label, value, map}) { imageOverlay.setUrl(radargif[value-1]); }; var slidControlDet = L.control.timelineSlider({labelWidth : "30px", timelineItems: filestrDet, activeColor: "#ed3e6f",labelFontSize : "10px", changeMap: changeMapFunction }) .addTo(mymap);L.marker([43.58, 3.77]).addTo(mymap);