示例描述与操作指南

点击示例内各个功能，可以查看到建筑中的监控图像，了解各个楼层的热力分布，同时可查看各层建筑的构件详情，楼层剖切，也可观察楼层中各系统的占比，更快速的处理建筑中突发情况，实现智慧楼宇的意义。

示例效果展示

应用场景

智慧楼宇管理平台管理系统是智能建筑的主要组成部分之一。
智能建筑通过楼宇自动化系统实现建筑物（群）内设备与建筑环境的全面监控与管理，为建筑的使用者营造一个舒适、安全、经济、高效、便捷的工作生活环境，并通过优化设备运行与管理，降低运营费用。

实现步骤

第一步初始化设置功能

加载完模型后初始化设置功能

// 初始化设置功能
function initSetting() {bindSettingEvent();
}

第二步初始化查看设备信息功能

加载完模型后初始化查看设备信息功能

// 初始化查看设备信息功能
function initEquipmentInfo() {// 监听点击构件事件component.on &&component.on("click", function (rlt) {const panelDom = $("#attribute-show");if (!panelDom.parents(".panel").hasClass("active")) {// 若设备信息面板未激活，则退出return;}if (!rlt.status) {// 若点击查看数据失败，则清空信息、提示用户并退出switcEmptyTip(true);panelDom.find("li:not(.empty-tip)").remove(); // 删除旧数据return;}const {componentKey,componentName,componentTypeEx,detailInfo = {},} = rlt;let renderHtml = `<li><div class="name">构件名称</div><div class="content">${componentName}</div></li><li><div class="name">构件Key</div><div class="content">${componentKey}</div></li><li><div class="name">构件类型</div><div class="content">${componentTypeEx}</div></li>`;if (Object.keys(detailInfo).length > 0) {Object.values(detailInfo).forEach((item) => {for (const itemKey in item) {if (item.hasOwnProperty(itemKey)) {renderHtml += `<li><div class="name">${itemKey}</div><div class="content">${item[itemKey]}</div></li>`;}}});}switcEmptyTip(false);panelDom.find("li:not(.empty-tip)").remove(); // 删除旧数据panelDom.append($(renderHtml)); // 渲染数据});
}

第三步初始化重点区域监控功能

加载完模型后初始化重点区域监控功能

// 初始化重点区域监控功能
function initAreaMonitor() {bindBtnEvent();
}

第四步初始化热力分布功能

加载完模型后初始化热力分布功能

// 初始化热力分布功能
function initHeatDistribution() {getTreeLocationData();
}

下载完整代码

相关示例

智慧屏幕中的能耗数据展示如何实现？

threeJS如何实现智慧楼宇管理平台相关推荐

现代化智慧园区管理平台的建设方案详解
伴随着大家对生活.居住.工作环境的要求愈来愈高,园区的个性化要求愈来愈重要.园区按其功能性与需求性可可分为:物流园区.高新科技园区.工业园区.软件园区.文化园区.创业园区.综合园区等等.智慧园区是融合 ...
智慧楼宇管理后台、运维配置、设备台账、设备管理、维保统计、巡检统计、维修工单、报修统计、电子巡更、智能楼宇运营、运营后台、智慧社区、楼宇设备监控管理端、智能社区管理系统、楼宇运维管理系统
Axure智慧楼宇管理运营端.工单管理/报修管理/维保管理/楼宇运维管理系统/巡检管理/能源管理/智慧社区运营端/智能楼宇设备监控管理端/智能社区管理系统运营 Axure智慧楼宇管理运营端演示及下载地 ...
智慧楼宇管理运营端app、运维管理、工单管理、报修管理、维保管理、巡检查询、巡检管理、能源管理、维保查询、智慧社区、巡检统计、工单统计、能源管理、智能楼宇、设备监控、智能社区、系统运营、楼宇运维小程序
智慧楼宇管理运营端app.运维管理.工单管理.报修管理.维保管理.巡检查询.巡检管理.能源管理.维保查询.智慧社区.巡检统计.工单统计.能源管理.智能楼宇.设备监控.智能社区.系统运营.楼宇运维小程序 ...
银达汇智智慧综合管理平台 FileDownLoad.aspx 任意文件读取漏洞
漏洞描述: 银达汇智智慧综合管理平台 FileDownLoad.aspx 存在任意文件读取漏洞,通过漏洞攻击者可下载服务器中的任意文件. 漏洞利用条件: / 漏洞影响范围: 银达汇智智慧综合管理平 ...
智慧工地管理平台可视化解决方案
"智慧工地管理平台"是以现场实际施工及管理经验为依托,针对工地现场痛点,能够在工地落地实施的模块化.一体化综合管理平台.为建筑公司.地产公司.监管单位.租赁企业.设备生产厂提供了完 ...
智慧工地管理平台系统赋能建筑企业数字化管理
当前,中国正加快部署推进新基建,培育壮大数字经济新动能,中国建筑业迎来战略发展机遇期.在此背景下,如何抓住数字化转型的发展机遇,在新技术.新制造.新基建和新业态等方面取得突破,成为建筑企业抢占未来发展 ...
智慧工地管理平台系统赋能建筑工地绿色施工
为进一步促进现场规范施工,创建文明工地,各地主管部门.相关企业多措并举,全力推进建筑工程安全文明施工,让城市变得更美好.建筑工地是建筑业的主阵地,也是展示城市创建成果的重要"窗口" ...
如何构建智慧矿山管理平台？
智慧矿山是指基于现代煤矿智能化理念,将物联网.云计算.大数据等技术与矿山开发相结合,形成矿山实时感知与互联.分析决策.自主学习.动态预测.协同控制的完整智能系统,实现矿井开拓.采掘.运通.生产管理等全 ...
楼宇系统服务器,【产品介绍】楼宇管理平台
[导读]L-WEB 管理平台功能强大,可管理不同大小的分布式楼宇自动化系统.搭配使用Client/Server 架构的 LWEB-900.分布式 L-INX 自动化服务器与 L-ROC 房间控制器,能 ...

threeJS如何实现智慧楼宇管理平台

智慧楼宇管理平台

示例描述与操作指南

示例效果展示

应用场景

实现步骤

第一步初始化设置功能

第二步初始化查看设备信息功能

第三步初始化重点区域监控功能

第四步初始化热力分布功能

相关接口

相关示例

threeJS如何实现智慧楼宇管理平台相关推荐

最新文章

热门文章

threeJS如何实现智慧楼宇管理平台

智慧楼宇管理平台

示例描述与操作指南

示例效果展示

应用场景

实现步骤

第一步 初始化设置功能

第二步 初始化查看设备信息功能

第三步 初始化重点区域监控功能

第四步 初始化热力分布功能

相关接口

相关示例

threeJS如何实现智慧楼宇管理平台相关推荐

最新文章

热门文章

第一步初始化设置功能

第二步初始化查看设备信息功能

第三步初始化重点区域监控功能

第四步初始化热力分布功能