Skip to content

路径导航

用搜索结果作为起终点规划路线,标记起终点并全览路线,然后模拟行走(不锁定相机跟随)。

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

路径导航fmap-js
点击「运行」查看示例效果

要点

  • route() 接收 NavigationPointlevel / x / y),支持 viapoints 途经点;规划成功后 SDK 会自动绘制带方向箭头的导航线,不需要再调用 drawRouteLine 重复画线。
  • 起终点标记(addTextMarker)记得传 level,否则标记会落在当前聚焦楼层而非 POI 所在楼层。
  • overview() 全览整条路线;simulate({ followPosition: false }) 关闭相机跟随——SDK 默认 followPosition: true 会锁定跟随定位点并倾斜 80°、缩放到 21 级,适合真实导航场景,总览演示建议关闭。
  • setLocationMarker() 自定义行走定位图标(示例用内联 SVG,默认图标路径在非根部署的站点会 404)。
  • onWalking / onComplete 分别监听行走过程与到达;点击地图可停止模拟。
  • 多途经点能力见 FMapNavigation 文档

基于蜂鸟视图 Fengmap SDK 构建