@indoor-map/fmap-react

基于 @indoor-map/fmap-js 与 Ant Design 的室内地图 React 组件库。所有组件共享同一个 FMapProvider 上下文，业务代码只关心数据与布局。

安装

pnpm add @indoor-map/fmap-react antd

peer 依赖：react >= 18、react-dom >= 18、antd >= 5。使用前仍需通过 <script> 标签引入蜂鸟视图 SDK。

最小结构

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

export default function App() {
  return (
    <FMapProvider options={{ appName: '...', key: '...', mapID: '...' }}>
      <FMapView style={{ width: '100%', height: '100vh' }} />
    </FMapProvider>
  );
}

组件一览

分类	组件
上下文	FMapProvider、useFMap
地图容器	FMapView、FMapCompass、FMapViewModeToggle、FMapMultiLevelToggle
搜索	FMapSearch、FMapSearchResults、FMapCategory、FMapCategoryGrid
导航	FMapNavigationPanel、FMapNavigationHeader、FMapWaypointInput、FMapRouteDetail、FMapRouteStrategySelector
楼层	FMapFloorSwitch、FMapFloorButtons
标记	FMapMarker、FMapLocationMarker
其他	FMapHistory、FMapPOIPopup、Hooks

相关示例

• React 快速开始
• React 完整导航