Skip to main content

Seatmap Methods

Instance methods available on the SeatMapCanvas class.

Data Methods​

setData(data)​

Load seat map data.

seatmap.setData({
  blocks: [...]
});

getSelectedSeats()​

Get all currently selected seats.

const selected = seatmap.getSelectedSeats();
console.log(`Selected ${selected.length} seats`);

Event Methods​

addEventListener(event, callback)​

Add event listener.

seatmap.addEventListener("seat_click", (seat) => {
  console.log('Seat clicked:', seat);
});

Available events: seat_click, seat_select, seat_unselect, block_click

Properties​

zoomManager​

Access the zoom manager.

seatmap.zoomManager.zoomToVenue();
seatmap.zoomManager.zoomToBlock(blockId);

data​

Access the data model.

const blocks = seatmap.data.blocks;
const seats = seatmap.data.blocks[0].seats;

eventManager​

Access the event manager.

seatmap.eventManager.on('SEAT.CLICK', callback);