Skip to content

FMapFloorSwitch 楼层切换

FMapFloorSwitch 显示全部楼层按钮,支持点击切换楼层、2D/3D 切换与单/多层切换。

tsx
import { FMapProvider, FMapView, FMapFloorSwitch } from '@indoor-map/fmap-react';

<FMapProvider options={{ appName: '...', key: '...', mapID: '...' }}>
  <FMapView style={{ width: '100%', height: '100vh' }} />
  <FMapFloorSwitch
    position="right"
    showViewMode
    showMultiLevel
    onFloorChange={(level) => console.log('切换到', level)}
  />
</FMapProvider>;

Props

属性类型说明
position'left' | 'right'组件位置,默认 right
onFloorChange(level: number) => void楼层切换回调
showViewModeboolean是否显示 2D/3D 切换按钮
showMultiLevelboolean是否显示单/多层切换按钮
styleCSSProperties自定义样式

相关示例

基于蜂鸟视图 Fengmap SDK 构建