Skip to content

轨迹回放

生成一条围绕地图中心的环形轨迹并自动回放(约 30 秒),顶部胶囊实时显示回放状态;点击地图暂停/继续,可一键重新播放。

ℹ️ 本示例基于 @indoor-map/fmap-js 原生 JS API,通过 UMD 全局 window.FMap 调用,无需构建工具。

轨迹回放fmap-js
点击「运行」查看示例效果

要点

  • createTracksPlayer({ tracks }) 创建播放器并渲染(轨迹线 + 定位标记),轨迹点带 leveltimestamp(毫秒,相对/绝对均可)。
  • play() / pause() 控制播放;player.start() 把进度拨回第一个点,配合 play() 实现重播。
  • location.on('complete', cb) 监听回放完成。
  • 需要引入 fengmap.plugin.location.min.js 插件。

基于蜂鸟视图 Fengmap SDK 构建