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);
});常用事件类型包括 mapLoaded、mapClicked、mapMoveEnd、mapRotate、mapZoom 等(与 fengmap 事件名一致)。