Skip to content

FMap 地图核心

FMap 是所有功能的入口:负责地图初始化、视图控制、事件订阅与底层 FMMap 实例访问。

构造与初始化

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

const fmap = new FMap({
  container: '#map',
  appName: '蜂鸟研发SDK_2_0',
  key: '57c7f309aca507497d028a9c00207cf8',
  mapID: '1513361948621471746',
  viewMode: 2,          // 2 = 3D,4 = 2D
  tiltAngle: 45,
  zoomValue: 16,
});

const map = await fmap.init();

init(mapID?, container?) 可覆盖构造时的地图 ID 与容器;返回底层 fengmap.FMMap 实例。

常用方法

方法说明
init(mapID?, container?)初始化地图,返回 FMMap
getMap() / getOptions()获取底层地图实例 / 配置
moveTo(options)移动相机到指定坐标/模型
setViewMode(mode)切换 2D/3D 视角
setRotation(deg) / setTiltAngle(deg)旋转 / 倾斜
zoomIn() / zoomOut() / setZoomValue(v)缩放控制
getCenter() / getBound() / getLevel()获取中心点 / 边界 / 当前楼层
getFloor(level) / getFloorInfos()获取楼层对象 / 楼层信息
getState() / setState(state)获取 / 设置地图状态
resetView()重置视图
on(type, cb) / off(type, cb?)订阅 / 取消事件
setHighlightColor(color)设置选中高亮颜色

事件

ts
fmap.on('mapClicked', (event) => {
  console.log('点击坐标', event.coords, '楼层', event.level);
});

常用事件类型包括 mapLoadedmapClickedmapMoveEndmapRotatemapZoom 等(与 fengmap 事件名一致)。

相关示例

基于蜂鸟视图 Fengmap SDK 构建