FMapProvider 上下文
FMapProvider 是组件库的根组件:创建 FMap 实例,地图加载完成后自动创建 FMapSearch、FMapMarker、FMapFloor、FMapNavigation、FMapLocation 子模块,并通过 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
| 属性 | 类型 | 说明 |
|---|---|---|
options | Omit<FMapOptions, 'container'> | 地图配置(appName / key / mapID 等),container 由 FMapView 提供 |
children | React.ReactNode | 子组件 |
上下文值
通过 useFMap() 获取:fmap、map、loaded、search、marker、floor、navigation、location、setMap、setLoaded。