@indoor-map/fmap-js • Docs
@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.js、fengmap.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 开发者文档。