海博科技模型开发 sdk

安装

npm i hbsf-sdk

使用

引入

import { HbModel } from 'hbsf-sdk'
import 'hbsf-sdk/dist/index.css'

初始化

const dom = document.getElementById('stadium')
const stadium = new HbModel(dom, {
  showInitLoading: true, // 是否显示加载动画
  hoverInfoHtml: (mark) => {
    console.log(mark)
    return `<div> 安保人数：5 人 </div>`
  },
  baseUrl: '/api', // 资源服务地址
  debug: true, // 调试模式
})

点击事件监听

// 目前事件有 loaded 、 markerClick 、 markerClickout
stadium.addEventListener('markerClick', (event) => {
  console.log(event)
})

切换楼层

• ALL = 0,
• ONE = 1,
• TWO = 2,
• THREE = 3,
• FOUR = 4,
• OUT = 5,
• DIV = -1,

stadium.setLayer('3')

切换视角

stadium.focusMarker('三层主席台')

获取活动列表

HbModel.getActivityList():Promise<RecordData[]>

获取岗位列表

loadActivity() 之后可以获取当前方案的岗位列表

stadium.getPointList()

加载活动

示例：

stadium.getActivityList().then((res) => {
  stadium.loadActivity(res[0].id).then(() => {
    console.log('加载成功')
  })
})

销毁实例

stadium.destroy()

升级说明

1.0.14

• 删除 baseApiUrl 配置项目。只保留 baseUrl 传之前约定的baseApiUrl地址

1.0.15

1. 新增 debug 模式
2. 添加获取方案列表方法 getPlanList
3. 移除 planId 配置项
4. 添加 loadPlan 方法

1.0.16

1. 新增 getPointList 方法
2. 新增分层效果 setLayer(-1)
3. 新增加载热力分布 loadHot 方法
4. 新增删除热力分布 removeHot 方法
5. 新增加载人员模型 loadPerson 方法
6. 新增删除人员模型 removePerson 方法
7. 新增获取活动列表 getActivityList 方法
8. 移除 getPlanList 方法
9. 移除 loadPlan 方法

1.0.17

打包配置升级

1.0.18

优化模型体积