Skip to content

FMapHistory 历史记录

FMapHistory 展示搜索历史与导航历史的混合列表,支持删除、点击回填与“路线”快捷操作。

tsx
import { FMapHistory } from '@indoor-map/fmap-react';

<FMapHistory
  items={historyItems}
  onChange={setHistoryItems}
  onItemClick={(item) => console.log('点击了', item.title)}
  onRouteClick={(item) => startNavigation(item)}
  maxItems={20}
  showRouteButton
/>;

Props

属性类型说明
itemsHistoryItem[]历史记录列表
onChange(items) => void记录变更回调(删除时触发)
onItemClick(item) => void点击记录
onRouteClick(item) => void点击“路线”按钮
maxItemsnumber最大显示条数
showRouteButtonboolean是否显示路线按钮
titlestring标题
styleCSSProperties自定义样式

HistoryItem 包含 idtypesearch / route)、titlesubtitlekeywordpoints 等字段。

基于蜂鸟视图 Fengmap SDK 构建