diff --git a/src/Map.js b/src/Map.js
index 084f0ea..6deb5eb 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -257,14 +257,25 @@ function Map({callbackRoomSelected, selectedRoom, floorID, callbackChangeFloor})
   // is selected
   const [loading, setLoading] = useState(true);
   const [floor, setFloor] = useState(null);
+  const [error, setError] = useState(null);
   useEffect(() =>
   {
-    fetch("https://encartes.aliens-lyon.fr/api/map/get_floor/"+floorID).then(response => response.json()).then(data => {setLoading(false); setFloor(data)});
+    fetch("https://encartes.aliens-lyon.fr/api/map/get_floor/"+floorID)
+    .then(response => response.json())
+    .then(data => {setLoading(false); setFloor(data)})
+    .catch((error) => {setError("API unreachable");});
   }, []);
-  if (loading)
+  if (error != null)
   {
     return <MapContainer center={[0, 0]} zoom={4} scrollWheelZoom={true} style={{ flexGrow: '1' }}>
-    </MapContainer>
+            <Popup position={[0,0]}>{error}</Popup>
+           </MapContainer>;
+  }
+  else if (loading)
+  {
+    return <MapContainer center={[0, 0]} zoom={4} scrollWheelZoom={true} style={{ flexGrow: '1' }}>
+            <Popup position={[0,0]}>Loading map</Popup>
+           </MapContainer>;
   }
   else
   {