diff --git a/src/elements/map/index.tsx b/src/elements/map/index.tsx
index 85a3a21..883b8f3 100644
--- a/src/elements/map/index.tsx
+++ b/src/elements/map/index.tsx
@@ -25,13 +25,16 @@ export const MyMap: React.FC<MapIE> = (props) =>{
     });
     
     const [route, setRoute] = useState()
+
     console.log(route)
 
+
     useEffect(()=>{
-      axios.get('https://api.mapbox.com/directions/v5/mapbox/walking/'+pathString+'?alternatives=true&continue_straight=true&geometries=geojson&language=en&overview=simplified&steps=true&access_token=pk.eyJ1IjoiZmlyZXNpZWh0IiwiYSI6ImNrdW9kemYzbTB4ZGkycHAxbXN2YnIzaGMifQ.G0fl-qVbecucfOvn8OtU4Q').then(
+      setTimeout(()=> axios.get('https://api.mapbox.com/directions/v5/mapbox/walking/'+pathString+'?alternatives=true&continue_straight=true&geometries=geojson&language=en&overview=simplified&steps=true&access_token=pk.eyJ1IjoiZmlyZXNpZWh0IiwiYSI6ImNrdW9kemYzbTB4ZGkycHAxbXN2YnIzaGMifQ.G0fl-qVbecucfOvn8OtU4Q').then(
         (data:any) => setRoute(data.data.routes[0].geometry)
-      )
-  })
+      ), 1000)
+     
+    })