From e36d654615e05ac347b2d62d24fb96a0294b3a7a Mon Sep 17 00:00:00 2001 From: andrei Date: Mon, 7 Oct 2024 20:28:07 +0500 Subject: [PATCH] ._. --- src/pages/DeliveryOrderDetails.jsx | 3 ++ src/pages/Map.jsx | 66 ------------------------------ 2 files changed, 3 insertions(+), 66 deletions(-) delete mode 100644 src/pages/Map.jsx diff --git a/src/pages/DeliveryOrderDetails.jsx b/src/pages/DeliveryOrderDetails.jsx index 2748b20..f9ed2ef 100644 --- a/src/pages/DeliveryOrderDetails.jsx +++ b/src/pages/DeliveryOrderDetails.jsx @@ -69,6 +69,7 @@ const DeliveryOrderDetails = () => { const waypoints = fullCoordinates .map(({ longitude, latitude }) => `${longitude},${latitude}`) .join(";"); + const routeUrl = `https://router.project-osrm.org/route/v1/driving/${waypoints}?overview=full`; const response = await fetch(routeUrl); @@ -78,6 +79,8 @@ const DeliveryOrderDetails = () => { const geometry = data.routes[0].geometry; const decodedRoute = polyline.decode(geometry); setRoute(decodedRoute); + const duration = data.routes[0].duration; + console.log(`Время в пути: ${duration / 60} минут`); } } } catch (error) { diff --git a/src/pages/Map.jsx b/src/pages/Map.jsx deleted file mode 100644 index 1825912..0000000 --- a/src/pages/Map.jsx +++ /dev/null @@ -1,66 +0,0 @@ -import React, { useState, useEffect } from "react"; -import { MapView } from "../components/MapView"; -import polyline from "@mapbox/polyline"; - -const Home = () => { - const [startPoint, setStartPoint] = useState(""); - const [endPoint, setEndPoint] = useState(""); - const [startCoords, setStartCoords] = useState(null); - const [endCoords, setEndCoords] = useState(null); - const [route, setRoute] = useState([]); - - const handleStartChange = (e) => { - setStartPoint(e.target.value); - }; - - const handleEndChange = (e) => { - setEndPoint(e.target.value); - }; - - useEffect(() => { - if (startCoords && endCoords) { - const routeUrl = `https://router.project-osrm.org/route/v1/driving/${startCoords.lng},${startCoords.lat};${endCoords.lng},${endCoords.lat}?overview=full`; - console.log(routeUrl); - fetch(routeUrl) - .then((response) => response.json()) - .then((data) => { - if ( - data.routes && - data.routes.length > 0 && - data.routes[0].geometry - ) { - const geometry = data.routes[0].geometry; - const coordinates = polyline.decode(geometry); - setRoute(coordinates); - } else { - console.error("No valid routes found in response:", data); - } - }) - .catch((error) => { - console.error("Error fetching route:", error); - }); - } - }, [startCoords, endCoords]); - - return ( -
-

Построить маршрут

- - - - -
- ); -}; - -export default Home;