Skip to content

@indoor-map/fmap-jsDocs


@indoor-map/fmap-js

基于蜂鸟视图 Fengmap SDK v3.2.0 的室内地图业务封装工具包,提供地图初始化、POI 搜索、路径规划与导航、标记、楼层控制、特效、绘图、截图导出、轨迹回放等开箱即用的能力。

安装

bash
pnpm add @indoor-map/fmap-js
# 或
npm install @indoor-map/fmap-js

注意:本包不包含蜂鸟视图 SDK 本体。使用前需要先在页面中按官方顺序通过 <script> 标签引入 fengmap.map.min.jsfengmap.analyser.min.js 等模块(见开发文档)。

快速开始

Script 标签方式

html
<script src="libs/fengmap.map.min.js"></script>
<script src="libs/fengmap.analyser.min.js"></script>
<!-- 其他 fengmap 模块按需引入 -->

<script src="https://cdn.jsdelivr.net/npm/@indoor-map/fmap-js@1.0.0/dist/fmap-js.umd.js"></script>
<script>
  const { FMap, FMapSearch, FMapNavigation, FMapMarker } = window.FMap;

  const fmap = new FMap({
    container: '#map',
    appName: '蜂鸟研发SDK_2_0',
    key: '57c7f309aca507497d028a9c00207cf8',
    mapID: '1513361948621471746',
  });

  fmap.init().then(() => {
    console.log('地图加载完成');
  });
</script>

ES Module 方式

ts
import { FMap, FMapSearch } from '@indoor-map/fmap-js';

const fmap = new FMap({
  container: '#map',
  appName: '蜂鸟研发SDK_2_0',
  key: '57c7f309aca507497d028a9c00207cf8',
  mapID: '1513361948621471746',
});

await fmap.init();

const search = new FMapSearch(fmap);
const result = await search.search('咖啡');

示例中的 appName/key/mapID 是蜂鸟官方公开的演示账号,开发时请替换为你自己的蜂鸟云账号。

API 一览

  • FMap - 地图核心:初始化、视图控制、事件
  • FMapSearch / FMapNavigation - 搜索与导航
  • FMapMarker / FMapModel / FMapClickEvent - 标记与模型交互
  • FMapFloor / FMapState - 楼层与状态管理
  • FMapEffect / FMapLayer / FMapUI / FMapDraw / FMapExport / FMapLocation / FMapUtil - 高级能力

完整文档见 indoor-map 开发者文档

License

基于蜂鸟视图 Fengmap SDK 构建