Show GN: Hice una web app para dibujar planes de viaje sobre el mapa
(drt0927.github.io)Hola.
Comparto una web app (trip sketch) que hice como proyecto personal.
Mientras planeaba un viaje con mi novia,
me resultó incómodo que la mayoría de los servicios existentes estuvieran centrados en listas de itinerarios o texto,
y que fuera difícil organizar al mismo tiempo la ruta de traslado y el orden de las visitas sobre un mapa.
Por eso hice directamente una web app con la que puedes marcar lugares en el mapa y, al acomodar el orden y la hora,
redactar un plan de viaje como si lo estuvieras “dibujando”.
Funciones principales
• Crear planes de viaje basados en Google Maps
• Seleccionar ubicaciones en el mapa y configurar fecha / hora / orden de visita
• Registrar un costo simple para cada punto del viaje
• Guardado automático en el almacenamiento del navegador sin iniciar sesión
• Exportar el plan de viaje a PDF
Stack técnico
• Vue + TypeScript
• Google Maps JavaScript API
• Web app estática (desplegada en GitHub Pages)
Otros
• La hice para que se pueda usar de inmediato sin cuenta
• Todavía está en etapa de MVP, así que las funciones son mínimas
• Agradezco cualquier feedback sobre usabilidad o funciones
Si la prueban un poco y me dejan su opinión, se los agradecería.
5 comentarios
Como solo probé agregar dos o tres puntos en la web y dejar un comentario, quizá todavía no entendí todo del todo, pero tómalo solo como una opinión personal.
Creo que estaría bueno poder adjuntar fotos al agregar un lugar, igual que se deja un comentario. (Como una presentación breve de qué cosas hay ahí)
Al moverse entre lugares, se muestra en el mapa como distancia en línea recta, pero también estaría bueno poder agregar ahí fotos o texto aparte. (Por ejemplo, si uno se va a mover en auto, yo normalmente marco salida y destino en Naver Maps para revisarlo; entonces, si pudiera guardar una captura de eso, después no haría falta estar yendo y viniendo entre Naver Maps, y con solo ver esto sería más cómodo entender el traslado)
Al exportarlo en PDF, el formato actual también está bueno, pero estaría bueno que hubiera una opción para que aparezcan en el mapa solo las ubicaciones de cada día y se muestren así:
[Mapa del día 1]
Itinerario del día 1
[Mapa del día 2]
Itinerario del día 2
Algo así también estaría bueno, para que solo con el PDF sea fácil entender el recorrido de ese día.
Gracias.
Me parece muy bueno.
Todavía no he desarrollado el servidor, así que no hay función de subida de archivos,
¡pero lo actualicé para que el mapa aparezca en el PDF!
¡Gracias por los comentarios!
Creo que las opiniones que mencionaron son muy buenas.
¡Haré todo lo posible por reflejarlas!
Los servicios de mapas suelen requerir que el usuario mueva el mapa con frecuencia. Como esto se superpone con el desplazamiento del navegador, parece que el mensaje "Use two fingers to scroll..." aparece muy seguido.
Parece que habrá que ajustar bien el tamaño de la pantalla para evitar al máximo que aparezca el desplazamiento del navegador.
¡Gracias por tus comentarios!