在线示例
所有示例打开页面即自动运行；修改编辑器中的代码后点击「运行」可查看改动效果，所有依赖（蜂鸟 SDK、fmap-js、fmap-react）均由文档站自托管，示例统一使用蜂鸟官方公开演示账号，无需注册。
使用说明
- 打开示例页即自动运行（React 示例首次编译需数秒，期间显示加载提示）。
- 直接修改编辑器中的代码，再点「运行」即可看到改动。
- 点「重置」恢复原始代码并重新运行，「复制代码」复制到剪贴板。
两类示例的区别：
- fmap-js · 原生 JS：直接调用
@indoor-map/fmap-js的类 API（UMD 全局window.FMap），适合原生 JS / 任意框架项目。 - fmap-react · React 组件：使用
@indoor-map/fmap-react的声明式组件（FMapProvider/FMapView等），JSX 在浏览器内现场编译，与 npm 安装的使用方式一致。
fmap-js · 原生 JS 示例
- 基础地图 - 初始化、中心点标记、点击事件
- POI 搜索 - 名称搜索 + 结果标记
- 路径导航 - 路线规划、路径绘制、模拟行走
- 标记与覆盖物 - 图片 / 文字 / 线 / 面 / 定位点
- 楼层切换 - 自动逐层切换
- 截图导出 - 截图并展示图片
- 轨迹回放 - 环形轨迹回放与播放控制
fmap-react · React 组件示例
- React 快速开始 - Provider + 地图容器 + 楼层切换
- React 搜索与聚焦 - 关键词搜索 + 结果列表 + 标记高亮
- React POI 点击弹窗 - 点击地图弹信息卡 + 发起导航
- React 完整导航 - 搜索选点 + 自动规划路线
完整参考应用
仓库中的 indoor-nav 应用是完整的商场室内导航系统，包含首页、搜索、导航、历史记录、地图选点等全部功能，可在本地运行：
bash
pnpm install
pnpm dev