Maps
Mapa operativo.
La misma demo interactiva de /maps/demo: puntos, rutas, medición y capas.
Esta demo es el mapa a pantalla completa que ya conoces en ambigram.es/maps/demo. Está pensada para enseñar, en minutos, cómo se gestiona un negocio sobre un mapa: ver ubicaciones, buscar direcciones, dibujar rutas, medir distancias y cambiar capas —sin instalar nada, desde el navegador.
Imagina que tienes que explicar a un cliente o a tu equipo cómo se vería un mapa de operaciones real. En lugar de capturas estáticas, abres esta demo: un mapa vivo centrado en Madrid con empresas ficticias (tienda, almacén, oficina…). Puedes moverte, filtrar por lista, añadir tus propios puntos y probar herramientas de ruta y medición. Es la base sobre la que montamos Maps a medida para delivery, flotas, visitas comerciales o control de zonas.
Qué incluye esta demo (igual que /maps/demo)
Es un playground completo, no una animación. Todo lo que ves responde a clics reales y a datos de mapa en vivo.
- Mapa a pantalla completa (móvil y escritorio) con barra de herramientas
- Lista de ubicaciones de ejemplo en Madrid, con ficha al seleccionar cada punto
- Búsqueda de direcciones y lugares (geocodificación)
- Capas base: calles, mapa oscuro, satélite y Google Calles
- Capas opcionales: tráfico (overlay) y Catastro de España (WMS oficial)
- Herramientas: mover, añadir punto, trazar ruta, medir distancia, GPS, encuadrar y limpiar
- Rutas calculadas con motor de routing (OSRM) entre dos puntos que marques
- Medición de distancia en línea recta entre dos clics
- Geolocalización del dispositivo para centrar el mapa en tu posición
- Popups con datos de cada empresa ficticia (sector, dirección, teléfono, horario)
Para qué se puede usar en un proyecto real
La demo enseña el “cómo se siente”. En producción conectamos esos mismos patrones a vuestros datos: pedidos, vehículos, clientes, zonas o sensores.
- Delivery y última milla: pedidos en el mapa, estado y mensajero
- Reparto y rutas: secuencia de paradas y replanificación del día
- Control de flotas: dónde está cada vehículo y en qué zona
- Visitas comerciales o técnicas: agenda sobre el territorio
- Zonas de servicio: ver cobertura, exclusiones y prioridad por barrio
- Operaciones internas: almacenes, tiendas, puntos de recogida y alertas
Cómo se usa (paso a paso)
Abre la demo a pantalla completa y prueba el flujo como haría un operador en el día a día.
- Lista: abre el panel de ubicaciones, elige una empresa y el mapa se centra en ella
- Mover: desplaza y haz zoom con el dedo o el ratón
- Punto: haz clic en el mapa para crear un marcador propio
- Ruta: marca origen y destino; la demo calcula el trayecto y la distancia
- Medir: dos clics para obtener kilómetros en línea recta
- GPS: pide permiso al navegador y te sitúa aproximadamente
- Encuadrar: encuadra todas las empresas de ejemplo de un vistazo
- Limpiar: quita puntos, rutas y mediciones que hayas añadido
- Capas (icono superior derecho): cambia el fondo del mapa o activa Catastro / tráfico
Qué se personaliza cuando es vuestro mapa
Esta demo usa datos ficticios. En un proyecto Ambigram Maps sustituimos eso por vuestra operativa real.
- Vuestros puntos, colores y estados (pedido nuevo, en ruta, entregado…)
- Conexión a tienda, ERP, Excel, GPS o WhatsApp
- Permisos por rol (quién ve flota, quién solo su zona)
- Actualización en vivo cuando cambian estados o posiciones
- Marca visual, textos y flujos adaptados a vuestro equipo
- Despliegue en vuestra infraestructura o en la nuestra
¿Para quién es?
- Equipos que quieren enseñar un mapa operativo a un cliente sin montar un piloto
- Operaciones de delivery, reparto, flotas o visitas de campo
- Dirección que necesita ver “cómo se trabaja sobre el mapa” antes de encargar el desarrollo
Se abre la demo interactiva completa (la misma experiencia que en /maps/demo), dentro del área privada Demos.
