票牛如何使用 MapboxGL 实现在线选座

文章预览

为了让用户可以更方便的买到自己理想中的演出票，我们最近推出了在线选座功能。从首页列表进入，有选座标签的演出即可进行在线选座。这是一项颇具挑战的工作，过程中需要解决不少以前没有遇到过问题，但也因此而变得有趣。 背景 传统的选座流程一般是这样的：应用给到一张静态图片，在图片上以svg或者area标签的方式标注可选区域，用户点击对应区域之后切换到选票界面，再加载区域中的所有票。 这样的方案足够简单直接，但在信息的充分性上是缺失的，很多时候除了区域，用户还想要关注到更确切的“排”或“座”的信息，甚至希望能直接的了解到所在位置的视野是什么样的。而仅靠静态图很难承载这些信息，或是前端工程上会变得过于复杂。 ………………………………