Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

163
Vistas
leaflet routing machine - handle errors

How can I handle not existing route in leaflet routing-machine? In case of error I do not want to return <RoutingMachine />

const Routing = ({ pointA, pointB }) => {

    const dispatch = useDispatch()

    const createLayer = () => {
        const instance = L.Routing.control({
            waypoints: [
                L.latLng(pointA.position.lat, pointA.position.lng),
                L.latLng(pointB.position.lat, pointB.position.lng)
            ],
            lineOptions: {
                styles: [{ color: "#965de9", weight: 5 }]
            },
        });

        instance.on('routesfound', (e) => {
            let routes = e.routes;
            let summary = routes[0].summary;
            let totalTime = moment.utc(1000 * summary.totalDistance).format("H[h] mm[m]")
            console.log('total time: ', totalTime);
            let totalDistance = Math.floor(summary.totalDistance / 1000)
            dispatch(setTime(totalTime))
            dispatch(setDistance(totalDistance))
        });

        return instance;
    };

    const RoutingMachine = createControlComponent(createLayer);

    return <RoutingMachine />
};
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda