首页 / MapLibre / 使用示例
标记沿路线移动
车辆标记沿配送路线匀速前进，进度实时显示。核心是把路线重采样成等距点。
源码与运行效果
说明
直接按顶点插值会导致长段快、短段慢。示例按线段长度分配采样数，得到近似等距的点列，再按索引推进。
每帧只调 setLngLat，Marker 是 DOM 元素，开销比图层小。
| 配置 | 取值 | 说明 |
|---|---|---|
重采样 | 等距点列 | 按线段长度分配点数 |
setLngLat | 每帧更新 | 移动标记 |
requestAnimationFrame | 驱动动画 | 与刷新率同步 |
DOM 标记数量超过几百个会拖慢页面，这种量级应改用 symbol 图层加动画属性。