Calculadora de Distancias
Herramienta web para medir distancias entre múltiples puntos en mapas
Demostración en Video
Cálculo Interactivo de Distancias
Observa cómo la herramienta calcula distancias entre múltiples puntos en tiempo real. Incluye matriz de distancias, reordenamiento de destinos y visualización de rutas optimizadas.
Descripción General
Aplicación web interactiva que permite a los usuarios establecer un punto de referencia y añadir múltiples destinos para calcular distancias reales por carretera o en línea recta. Incluye funcionalidades avanzadas como matriz de distancias entre todos los puntos, reordenamiento de destinos por prioridad, y visualización de rutas en tiempo real. La aplicación está optimizada para uso tanto con búsqueda de lugares como con coordenadas manuales, ofreciendo una experiencia robusta incluso con limitaciones de API.
Cálculo Inteligente de Distancias
Sistema dual con Google Maps API y cálculo geométrico esférico como respaldo
Interfaz Interactiva Avanzada
Búsqueda de lugares, coordenadas manuales o clics directos con drag-and-drop
Matriz de Distancias Completa
Tablas completas entre todos los puntos para planificación de rutas complejas
Detalles Técnicos
Arquitectura
- Patrón MVC en frontend
- Event-driven architecture con listeners
- Estado en memoria con objetos JavaScript
- Persistencia de tema en localStorage
Sistema de Fallback
- Google Maps API como método principal
- Cálculos geométricos esféricos de respaldo
- Funcionamiento continuo sin dependencias críticas
- Manejo exhaustivo de errores
Características Avanzadas
- Búsqueda de lugares + coordenadas manuales
- Reordenamiento drag-and-drop
- Tema claro/oscuro automático
- Guía integrada en la aplicación
Stack Tecnológico
Frontend
Backend
APIs
Herramientas
Desafíos y Soluciones
Limitaciones de API de Google Maps
Restricciones de cuota y posibles fallos de conectividad con APIs externas.
Sistema de fallback automático con cálculos geométricos esféricos manteniendo funcionalidad completa.
Gestión de Estado Complejo
Sincronización entre múltiples marcadores, rutas, y elementos de UI con reordenamiento dinámico.
Sistema centralizado de actualización que recalcula todas las dependencias cuando se modifica el orden.
Experiencia de Usuario Robusta
Garantizar funcionamiento intuitivo tanto para usuarios técnicos como no técnicos.
Interfaz híbrida que soporta búsqueda de lugares, coordenadas manuales, y clics en mapa con guía integrada.
Flujo de Trabajo
1. Punto de Referencia
Establecimiento del punto inicial
2. Destinos
Adición de puntos adicionales
3. Visualización
Generación de rutas en tiempo real
4. Exportación
Generación de reportes