Skip to content

FMapProvider 上下文

FMapProvider 是组件库的根组件:创建 FMap 实例,地图加载完成后自动创建 FMapSearchFMapMarkerFMapFloorFMapNavigationFMapLocation 子模块,并通过 Context 向下传递。

tsx
import { FMapProvider, FMapView, FMapSearch } 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' }} />
      <FMapSearch placeholder="搜索店铺 / 设施" />
    </FMapProvider>
  );
}

Props

属性类型说明
optionsOmit<FMapOptions, 'container'>地图配置(appName / key / mapID 等),container 由 FMapView 提供
childrenReact.ReactNode子组件

上下文值

通过 useFMap() 获取:fmapmaploadedsearchmarkerfloornavigationlocationsetMapsetLoaded

基于蜂鸟视图 Fengmap SDK 构建