Comportamiento del clic en una sección
El Booking Renderer cambia el comportamiento del clic en una sección cuando todo el recinto se ve a la vez.
Comportamiento en vista completa
Cuando el recinto está completamente alejado —es decir, todo el recinto cabe en el área visible a la escala de ajuste— al hacer clic en una sección se dispara onSectionClick en lugar de hacer zoom y desplazarse hacia la sección. Esto ocurre independientemente del valor de interactionZoomStrategy configurado en el renderizador.
La opción interactionZoomStrategy controla cómo gestiona el renderizador el zoom al hacer clic en una sección durante la interacción normal (no en vista completa). En vista completa, este ajuste se anula y el clic siempre dispara el callback en vez de hacer zoom.
Recuperar el comportamiento de zoom normal
Cuando el usuario acerca el recinto más allá del umbral de vista completa, el renderizador vuelve al comportamiento normal de zoom a la sección: al hacer clic en una sección, se acerca y se desplaza para enfocarla.
Zoom programático tras el clic
Si quieres conservar el comportamiento de zoom a la sección en vista completa, llama a renderer.zoomToSection() dentro de tu callback onSectionClick:
import { SeatmapBookingRenderer } from '@seatmap.pro/renderer';
const renderer = new SeatmapBookingRenderer(document.getElementById('renderer-container'), {
publicKey: 'your-public-key',
onSectionClick: (section) => {
renderer.zoomToSection(section.id);
},
});
renderer.loadEvent('your-event-id');
Esto te permite decidir en tiempo de ejecución si quieres hacer zoom de forma programática, mostrar un tooltip, actualizar el estado externo de la interfaz o cualquier combinación de estas acciones.