Skip to content

楼层切换

右侧楼层控件点击切换楼层,当前楼层高亮,直观展示楼层联动。

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

楼层切换fmap-js
点击「运行」查看示例效果

要点

  • getLevels() 获取全部楼层,switchTo(level) 切换并刷新控件高亮。
  • getFloorName(level) 拿到楼层显示名(F1 / B1 等),控件按钮直接复用。
  • switchUp() / switchDown() 相邻楼层切换。
  • setVisibleLevels([1, 2]) 可让多个楼层同时可见。
  • React 项目可直接使用现成的 FMapFloorButtons 楼层控件

基于蜂鸟视图 Fengmap SDK 构建