Skip to content

@indoor-map/fmap-reactDocs


FMapNavigationHeader 属性

Properties

autoFocusField?

optional autoFocusField: null | string

初始自动聚焦的字段:'start' | 'end' | 'wp-<index>',null/undefined 不自动聚焦


dragItemIndex?

optional dragItemIndex: null | number

当前正在拖拽的索引


end

end: NavInputConfig

终点配置


maxWaypoints?

optional maxWaypoints: number

途经点最大数量


onAddWaypoint()?

optional onAddWaypoint: () => void

添加途经点回调

Returns

void


onDragEnd()?

optional onDragEnd: () => void

Returns

void


onDragEnter()?

optional onDragEnter: (index) => (e) => void

Parameters

index: number

Returns

Function

Parameters

e: DragEvent<Element>

Returns

void


onDragOver()?

optional onDragOver: (e) => void

Parameters

e: DragEvent<Element>

Returns

void


onDragStart()?

optional onDragStart: (index) => (e) => void

拖拽相关

Parameters

index: number

Returns

Function

Parameters

e: DragEvent<Element>

Returns

void


onNavFieldFocus()?

optional onNavFieldFocus: (field) => void

输入框聚焦回调,用于记录当前正在编辑的起终点/途经点('start' | 'end' | 'wp-<index>'

Parameters

field: string

Returns

void


onSuggestionsChange()?

optional onSuggestionsChange: (field, items) => void

搜索建议变化上报(按字段)。传入后输入框隐藏内置悬浮下拉, 建议列表由外部渲染(避免下拉被表单遮挡,结果不截断)。

Parameters

field: string

items: FMapModel[]

Returns

void


onSwap()?

optional onSwap: () => void

起终点切换回调

Returns

void


showAddWaypoint?

optional showAddWaypoint: boolean

是否显示添加途经点按钮


showDragBar?

optional showDragBar: boolean

是否显示拖拽把手区域


showDragHandle?

optional showDragHandle: boolean

是否显示拖拽把手


showSwap?

optional showSwap: boolean

是否显示交换按钮


start

start: NavInputConfig

起点配置


waypoints

waypoints: NavInputConfig[]

途经点配置列表

基于蜂鸟视图 Fengmap SDK 构建