路径导航
用搜索结果作为起终点规划路线,标记起终点并全览路线,然后模拟行走(不锁定相机跟随)。
ℹ️ 本示例基于
@indoor-map/fmap-js原生 JS API,通过 UMD 全局window.FMap调用,无需构建工具。
路径导航fmap-js
点击「运行」查看示例效果
要点
route()接收NavigationPoint(level/x/y),支持viapoints途经点;规划成功后 SDK 会自动绘制带方向箭头的导航线,不需要再调用drawRouteLine重复画线。- 起终点标记(
addTextMarker)记得传level,否则标记会落在当前聚焦楼层而非 POI 所在楼层。 overview()全览整条路线;simulate({ followPosition: false })关闭相机跟随——SDK 默认followPosition: true会锁定跟随定位点并倾斜 80°、缩放到 21 级,适合真实导航场景,总览演示建议关闭。setLocationMarker()自定义行走定位图标(示例用内联 SVG,默认图标路径在非根部署的站点会 404)。onWalking/onComplete分别监听行走过程与到达;点击地图可停止模拟。- 多途经点能力见 FMapNavigation 文档。