merge

frontend/www/facility.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Exercise</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
-     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
     <script src="https://kit.fontawesome.com/0ce6c392ca.js" crossorigin="anonymous"></script>
     <link rel="stylesheet" href="styles/style.css">
     <script src="scripts/navbar.js" type="text/javascript" defer></script>

frontend/www/scripts/facility.js

@@ -15,18 +15,18 @@ async function retrieveFacility(id) {
 
         let p = document.querySelector("#facility-description");
         p.innerHTML = facilityData.description;
-
+ 
         let lat = parseFloat(facilityData.latitude);
         let long = parseFloat(facilityData.longitude);
 
         let map = L.map('map').setView([lat, long], 17);
         L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
-        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
-        maxZoom: 18,
-        id: 'mapbox/streets-v11',
-        tileSize: 512,
-        zoomOffset: -1,
-        accessToken: 'pk.eyJ1Ijoib2xhdmhkIiwiYSI6ImNrZjhmdGo5MDAzbHYycWxkeGJncXMzdWgifQ.lsLmKIer8wyqdvtrnOzC0Q'
+            attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
+            maxZoom: 18,
+            id: 'mapbox/streets-v11',
+            tileSize: 512,
+            zoomOffset: -1,
+            accessToken: 'pk.eyJ1Ijoib2xhdmhkIiwiYSI6ImNrZjhmdGo5MDAzbHYycWxkeGJncXMzdWgifQ.lsLmKIer8wyqdvtrnOzC0Q'
         }).addTo(map);
         L.marker([lat, long]).addTo(map);