地铁票价,怎么变成等高线?

像给地图切一块彩色蛋糕

第 1 步 · 沿轨道算票价
点地图上的任意车站,可以换一个出发站
1 / 8

想象一块彩色蛋糕

蛋糕一层层切开,俯视时就看到了圈圈。票价地图把“高度”换成“几元钱”,同一圈里的地方用同一种颜色。

➜

原站实际画了什么?

观察到 Central Go 用不同图层叠在一起:

  • 彩色票价区域:一张 Canvas 画布;
  • 地铁线路:另一层 SVG 图形;
  • 每站的票价数字:独立标签。

站与站之间如何估值、边界如何平滑,原站公开页面不能直接确认;右边动画演示的是一种常见做法。