@indoor-map/fmap-react • Docs

---

@indoor-map/fmap-react

基于 @indoor-map/fmap-js 与 Ant Design 的室内地图 React 组件库，提供声明式的地图容器、搜索、导航、历史记录、楼层切换等组件与 Hooks。

安装

pnpm add @indoor-map/fmap-react antd
# 或
npm install @indoor-map/fmap-react antd

react >= 18、react-dom >= 18、antd >= 5 为 peer 依赖。使用前需按官方顺序通过 <script> 标签引入蜂鸟视图 SDK 文件。

快速开始

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

export default function App() {
  return (
    <FMapProvider
      options={{
        appName: '蜂鸟研发SDK_2_0',
        key: '57c7f309aca507497d028a9c00207cf8',
        mapID: '1513361948621471746',
      }}
    >
      <FMapView style={{ width: '100%', height: '100vh' }} />
    </FMapProvider>
  );
}

组件一览

• 地图容器与交互：FMapProvider、FMapView、FMapCompass、FMapViewModeToggle、FMapMultiLevelToggle
• 搜索与导航：FMapSearch、FMapSearchResults、FMapNavigationPanel、FMapRouteDetail、FMapRouteStrategySelector、FMapWaypointInput、FMapNavigationHeader
• 楼层与标记：FMapFloorSwitch、FMapFloorButtons、FMapMarker、FMapLocationMarker
• 其他：FMapCategory、FMapCategoryGrid、FMapHistory、FMapPOIPopup、useFMap、useFMapState

完整文档与可编辑在线示例见 indoor-map 开发者文档。

License