FMapView 地图容器

FMapView 提供地图渲染容器，调用 fmap.init() 初始化地图，并统一处理地图点击事件。

tsx

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

function MapPage() {
  return (
    <FMapProvider options={{ appName: '...', key: '...', mapID: '...' }}>
      <FMapView
        containerId="map-container"
        style={{ width: '100%', height: '80vh' }}
        onLoaded={() => console.log('地图加载完成')}
        onMapClick={(model, event) => {
          if (model) console.log('点击了', model.name, model.FID);
        }}
      />
    </FMapProvider>
  );
}

Props

属性	类型	说明
`containerId`	`string`	容器元素 id，默认 `fengmap-container`
`style`	`CSSProperties`	容器样式
`className`	`string`	容器类名
`onLoaded`	`() => void`	地图加载完成回调
`onError`	`(error: Error) => void`	地图加载失败回调
`onMapClick`	`(model, event) => void`	地图点击回调，第一个参数为命中的 `FMapModel`（可能为 null），第二个参数为 `FMapClickEvent`

点击回调中的 model 与搜索返回结果结构一致，可直接用于标记、导航或弹窗。

FMapView 地图容器 ​

Props ​

FMapView 地图容器

Props