Plano interactivo de Vinoble 2026

Vinoble es el único salón internacional de vinos nobles, licorosos y especiales que se celebra en España. La edición 2026 reúne 65 expositores en el Alcázar de Jerez durante tres días. El plano oficial existe, en papel y en PDF. Lo que no existía era una versión en la que pudieras buscar un nombre, un número de stand o una zona y que el punto en el mapa se encendiera.

La herramienta transcribe los datos del plano público de la organización —nombres, stands, zonas, tipo de vino— y los convierte en un mapa interactivo con búsqueda, filtros por familia y por zona, y un panel de detalle por expositor. Está construida como una isla Vue 3 dentro de Astro, con un SVG overlay sobre la imagen del plano que gestiona el zoom, el pan y los hotspots.

El detalle que más me importaba resolver era la sincronía entre la lista y el mapa. Cuando pulsas un card, el mapa hace zoom al stand y el marcador pulsa. Cuando pulsas un hotspot, el card sube a la vista. Son dos representaciones del mismo dato, y lo que hace que la herramienta funcione es que nunca puedes estar en una sin que la otra lo sepa.

La aplicación también es instalable como PWA. En el móvil puedes añadirla a la pantalla de inicio y usarla sin conexión en el salón. El service worker cachea los assets en la primera visita. En el Alcázar, donde la cobertura puede ser irregular, la herramienta funciona igual.