React 搜索与聚焦
打开即自动演示一次搜索;搜索 POI、结果列表联动、地图标记与高亮聚焦一条链路。
ℹ️ React 示例在浏览器内直接编译运行:JSX 由 Babel Standalone 转换,react/antd 从 esm.sh 加载,
@indoor-map/fmap-js、@indoor-map/fmap-react使用文档站自托管构建产物,与仓库源码保持同步。
React 搜索与聚焦fmap-react
点击「运行」查看示例效果
要点
useFMap()解构出search/marker模块,直接调用底层能力(关键词搜索、立式水滴标记)。- 输入即联想:防抖 300ms 模糊搜索 + 请求序号守卫,下拉点击后
model.focus()聚焦并高亮。 FMapSearchResults渲染结果列表,onResultClick拿到FMapModel。model.focus()一步完成切层 + 2D + 居中 + 自适应缩放。FMapHighlighter做选中高亮(与 app 内同源实现),highlightPicker: []关闭 SDK 内置拾取高亮避免叠加。