Seat Map Viewer loads JSON data from a file named seat-map.json
. The file seat-map.json can be generated and downloaded using the Seat Map Maker tool. Seats which can be purchased display a pop-up menu with purchase options when clicked. When a user purchases a seat the seat will change color to red and no longer selectable.
- Clone Seat Map Viewer Repository.
- Create a Map on the Seat Map Maker Site Seat Map Maker Site
- Download the Map.
- Copy downloaded map data into the directory
SeatMapViewer/seat-map.json
, overwriting any pre-existing data. - Host the Seat Map Viewer instance using your own server.
- Alternatively with an application like Live Server for VSCode
A working Seat Map Viewer Demo.