楼层切换
右侧楼层控件点击切换楼层,当前楼层高亮,直观展示楼层联动。
ℹ️ 本示例基于
@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 楼层控件。