seatgeek 选座技术是怎么实现的?

Question

如题，想实现一个类似的功能，座位需要根据平面图去实现，这种功能怎么实现好点？

Answer 1

这样的效果吗
https://echarts.apache.org/examples/zh/editor.html?c=geo-seat...

Answer 2

成本最低的就是手动打点。

座位就是一个 x,y 不重叠，然后有一些属性，比如说一等、二等、然后还会用一些名称比如说13A之类的，会有一个状态占用、可选、禁用等等。

这样就能描述一个场地。接下来就是如何去维护这个座位数据了。就选择手动拖拽加输入框输入呗。

---

图绘制：css 和 canvas 都可以。基本上压力都不太大。