最新要闻
- 环球信息:弦歌扬雅韵,诗乐绘情深,云外清音——大提琴与诗词音乐会举行
- EDG正式发布Uzi夏季赛定妆照!这就是瘦下来的神吗?
- 【天天时快讯】特斯拉辅助驾驶4年间在美国发生736起车祸 至少17人遇难
- 【报资讯】46.9℃!新疆又热到全国第一了
- 是个大工程!大熊猫洗澡两个半人摁半个负责洗:旁边一只在看戏-观天下
- 环球今热点:马斯克脑机接口获批人体实验 公司估值高达50亿美元
- 美迪西:美熹企业通过大宗交易向其一致行动人王国林内部转让79.66万股
- 外观酷似极氪001 阿维塔首款中大型轿跑E12实车谍照首曝
- 北方多地迎今年来最强高温!京津冀等11省份连续高温:局地40℃
- 神舟新款战神游戏本上架:酷睿i7+RTX 4060仅5898元_每日消息
- 理想销售称蔚来降价是为了活命 李斌:希望友商不要“带节奏”
- 视觉中国推出付费AI绘图功能:仅提供服务、无版权
- V观财报|浙文影业第二大股东钱文龙短线交易致歉
- 全球今头条!2499元 铭凡Venus NPB5迷你主机上架:i5-13500H、双2.5G网口
- 全球资讯:真比加油快!宁德时代发布“骐骥换电”:重卡几分钟满血出发
- 性能逼近PS5!华硕首款掌机ROG Ally国行版已上架:6月14日开售
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
ESMap 三维地图在智慧园区三维场景的应用-数字孪生3D可视化服务平台 当前速递
近年来,得益于物联网、大数据、云计算、人工智能等新一代信息技术的发展,“数字孪生”概念也被广泛的传播,越来越多的应用于智慧建筑、生产制造、智慧园区、水利水务、健康医疗等诸多领域。 如何运用“数字孪生”概念延长企业生命周期,助力企业从2D管理向3D管理的升级?易景空间ESMap将数字孪生应用于管理领域,推出“3D可视化服务”平台,推动企业数字化转型,促进数字化经济发展,目前已服务多个行业领域。
本文主要介绍的是ESMap 数字孪生三维地图在园区中的实际应用中发挥的作用,当前市场对可视化效果的要求在逐步的增加,市场上常见的2D可视化效果慢慢的不能满足客户的视觉需求,我们以数据作为底层支持,通过定制化的模型建设和各种炫酷直观的动画效果。针对园区管理中的监控,停车,消防,交通等模块与可视化相结合,打造一套完整的园区管控系统。
(资料图片)
园区监控告警
通过监控摄像头,监测园区内部是否有预警事件,预警事件通过异常图标进行告警并可以查看当前区域的监控做到高效处理。
业务逻辑是首先监听地图的点击事件,判断点击的是否是我们自定义名称的标注,当点击到我们的监控设备时,视角飞入监控设备位置。
map.on("mapClickNode", (e) => { if (e.name && e.name.includes("safety-tag")) { map.cameraFlyTo({ directionAngle: 230.52, pitchAngle: 42.44, radius: 37.51, time: 2, x: e.mapCoord.x, y: e.mapCoord.y, callback:()=>{ this.showMonitor(); } }) } })
当视角飞入结束以后,我们再打开气泡标注的主体内容,显示监控画面。
let marker = CommonTools.addPopMarker({ id: ID, x: e.mapCoord.x, y: e.mapCoord.y, offset: e.mapCoord.z, updateSize: true, html: "", // 这里传空div, 气泡内容由外部组件创建 callback: (dom) => { },});marker.bindName = ID;securityPopVueComponents[ID].currPopName = ID;securityPopMarkers[ID] = marker;securityPopMarkers[ID].onUpdatePosition((transformStyle, displayStyle) => {securityPopVueComponents[ID].popMarkerConfigs.transformStyle = transformStyle securityPopVueComponents[ID].popMarkerConfigs.visible = (displayStyle.display === "none") ? false : true})
园区热力图和交通效果图
通过人流监控和热力图效果相结合,实时监测人流动向与位置, 可以直接的展示园区中高密度区域位置,并且使用特效直观展示园区附近的交通信息,让人一目了然。
热力图代码如下:
let marker = CommonTools.addPolygonMarker({ id: "heatmap_people_poly", alpha: 1, points: this.peopleRouteExtent.points, offsetHeight: 1.5, canPicked: false,})polygonLayer.addMarker(marker);// 初始化热力marker.initHeatMap({ radius: 15, //热点半径 opacity: 0.7, //热力图透明度 mapOpacity: 0.8, max: 100, //热力点value的最大值 maxSize: 1024})
园区设备管理
通过晶体模型和设备模型相结合,清晰的展示出设备所在位置以及相关信息
代码如下:
// 隐藏主体大楼建筑if(mainBuildingModules.building.visible) map.change3dOpacity({ name: "园区主体建筑", opacity: 0, time: 1, hideOnComplete: true })// 播放晶体大楼打开动画if(!mainBuildingModules.frame.visible) mainBuildingCrystalModel.playAnimation({ name: "building-open", loop: false, clampWhenFinished: true, time: 0.5 })// 配置晶体基本属性esmap.ESEffectTool.models.setControlGroupObj({ key: "outline", modelName: "晶体", opacity: 0.2 });esmap.ESEffectTool.models.setControlGroupObj({ key: "Elevator", modelName: "晶体", visible: true });esmap.ESEffectTool.models.setControlGroupObj({ key: "air-conditioning", modelName: "晶体", visible: false });esmap.ESEffectTool.models.setControlGroupObj({ key: "lighting", modelName: "晶体", visible: false });// 切换部分模型和内容的显示和隐藏mainBuildingModules.frame.visible = true;mainBuildingModules.elevator.visible = true;mainBuildingModules.airCondition.visible = false;
定制化机房模型,更加直观的了解机箱数据
首先是打开机房地图,再通过我们特定封装的机房SDK,通过数据绑定自动识别点击的机型展示对应数据以及模型。
map.openMapById(esmapID) // 生成一个机房对象,传入初始化配置 var config = { maxShowServers: 1, //最大服务器显示数量 cabinetModels: [{ modelName: "jigui-1.gltf", u: 42 }], maxShowCabinets: 1, //最大机柜显示数量 focusAreaMode:false, cabinetfixDir: -1, } var $clusterManager = new deviceManager(config); // 给机房传入机房数据 _this.generateClusterData(); // 机房初始化 $clusterManager.init($configData);
园区巡逻
根据自定义的数据生成展示巡检人员完整的巡检路线,可以回溯历史巡检记录,以及巡检结果的汇报
代码如下:
async inspectMove(){ // 生成路径的线标注 var lineStyle = { lineWidth: 33, alpha: 1, offsetHeight: 1.5, lineMode: esmap.ESLineType.PLANE, lineType: esmap.ESLineType.TEXTURE, url: "./image/path.png", repeat: 0.4, metalness: 0, roughness: 1, animateSpeed: 2 } this.linemark = new esmap.ESLineMarker(this.map.focusFloorNum, this.inspection, lineStyle) this.map.drawLineMark(this.linemark); // 加载人物模型 var marker3d = await this.loadManModel("renzoulu-03.gltf", { size: 2 }); // 调用人物走动动画 marker3d.playAnimation({ name: "ren-run", loop: true }); // 人物模型随着线路移动 this.marker3d.movePath({ speed: 6, //速度 // time:0.5, //用时/s loop: false, //是否循环 path: this.inspection, //路径点集 offsetHeight: 2.5, maxViewDistance: 12, minViewDistance: 2, followPosition: true,//第一人称视角,跟随移动位置 followScaleLevel: 1,//第一人称视角,跟随缩放地图大小 viewTiltAngle: this.map.maxPolarAngle,//第一人称视角,地图俯仰角 followAngle: true, //第一人称视角,根据路径来动态变换地图角度 orientToPath: true, //物体移动时是否沿向路径方向 angle: 0, //物体移动沿向路径方向的角度 complete: () => { } });}
人员体温监测
可以根据不同的场景完成不同的动画效果,我们支持使用设备和项目可视化界面进行数据对接,展示模型动画以及异常状态实时监控报警做出反应。
代码如下:
// 创建一个人物模型var marker = new esmap.ES3DMarker({ x: x, // x轴坐标 y: y, // y轴坐标 id: 10002, // 自定义id name: "myTree", // 自定义name url: url, // 模型的文件地址 size: 1, // 尺寸 callback: function () { // 模型添加到三维场景的回调函数 }});layer.addMarker(marker); // 人物执行走动的动画marker.playAnimation({ name: name, // 动画名称 loop: false, // 是否循环执行动画 callback: function(){ // 动画执行完成回调 console.log("动画执行完成") }, })// 人物模型移动marker.movePath({ speed: 10, // 速度,设置此项则忽略time loop: true, // 是否循环执行 path: points, // 路径点集 offsetHeight: 0, // 移动时的高度 complete: function() { // 动画执行完成回调事件 }, onMoving: function(e) { // 路径移动实时回调 // 获取模型移动中的实时位置 console.log(e) },});
以上就是智慧园区案例中的部分场景应用,当然还可以根据实际需求开发更多不同需求的场景和动画效果,所以智慧园区三维可视化场景的优势在于直观的视觉效果,高效的反馈能力以及精美的建模效果,能够建立合理高效的组织架构,完善企业整体各项管理流程。想要了解更多有关 ESMap 城市三维地图的案例,欢迎前往ESMap 资源广场。
关键词:
ESMap 三维地图在智慧园区三维场景的应用-数字孪生3D可视化服务平台 当前速递
环球信息:弦歌扬雅韵,诗乐绘情深,云外清音——大提琴与诗词音乐会举行
EDG正式发布Uzi夏季赛定妆照!这就是瘦下来的神吗?
【天天时快讯】特斯拉辅助驾驶4年间在美国发生736起车祸 至少17人遇难
【报资讯】46.9℃!新疆又热到全国第一了
是个大工程!大熊猫洗澡两个半人摁半个负责洗:旁边一只在看戏-观天下
环球今热点:马斯克脑机接口获批人体实验 公司估值高达50亿美元
美迪西:美熹企业通过大宗交易向其一致行动人王国林内部转让79.66万股
基于vue+flask+sql的公司销售采购信息服务系统|环球简讯
世界时讯:当GaussDB遇上了毕昇编译器
要闻:java 中锁的定义
.NET项目中使用HtmlSanitizer防止XSS攻击
外观酷似极氪001 阿维塔首款中大型轿跑E12实车谍照首曝
北方多地迎今年来最强高温!京津冀等11省份连续高温:局地40℃
神舟新款战神游戏本上架:酷睿i7+RTX 4060仅5898元_每日消息
理想销售称蔚来降价是为了活命 李斌:希望友商不要“带节奏”
视觉中国推出付费AI绘图功能:仅提供服务、无版权
V观财报|浙文影业第二大股东钱文龙短线交易致歉
优化3500倍,从70s到20ms的顶级调优,此方案人人可用
Ubuntu安装 Anaconda 3
全球今头条!2499元 铭凡Venus NPB5迷你主机上架:i5-13500H、双2.5G网口
全球资讯:真比加油快!宁德时代发布“骐骥换电”:重卡几分钟满血出发
性能逼近PS5!华硕首款掌机ROG Ally国行版已上架:6月14日开售
2399元 红魔电竞显示器2K银翼版开售:240Hz超高刷新率|新资讯
三星终于用上水滴铰链!Galaxy Z Fold5折痕缩小15%
当前动态:宋PLUS 冠军版6月19日上市 预售16.98万元起
世界看热讯:空间数据的智慧呈现:探秘GIS地图的魅力
社交app源码技术屏幕的两大实用功能
环球即时:科创板收盘播报:科创50指数震荡跌0.57% 汽车配件股大涨
ETF投资(十二) |ETF也可以融资融券吗? 世界看热讯
已四涨五跌 6月13日国内油价再次调整:这次或将搁浅
环球消息!解锁5G双卡的终极形态:边打游戏 边打电话
路上晒麦致电瓶车摔倒:因找不到主人 麦子被卖了1800元赔钱
球王也来直播带货?梅西6月14日淘宝开播:粉丝互动唯一机会
焦点热议:时隔6年新作终于公布!《极限竞速:Motorsport》定档10月
天天速递!解析汽车APP面临的18种攻击风险
告警:线上慎用 BigDecimal !-天天速递
我在大湾区推“茶”出“新”
瞬间卖爆!《星空》预购首日登顶Steam热销榜 头条焦点
网球明星的特斯拉被盗 结果小偷被“车载限速、定位”教育|环球时快讯
今日快看!毕业典礼比心时校长手指被强制“掰弯” 画面引网友发笑:够胆大
不容错过!霸王首乌/生姜洗发水狂促发车:券后19.9元一大瓶
耗时三年 丰田发布全新周边!首个可移动式豪华卫生间正式亮相
女子称撑破试穿裙子无奈买下 裙子一扯像纸就烂:网友热议为何要讹人
只坑有钱人!史玉柱称感谢网友表扬:中国最缺计算数学人才 曾给浙大捐五千万 |全球速讯
今亮点!《小美人鱼》全球票房突破4亿美元:黑美人鱼称要成为大家榜样、公主
全球速读:Java XML教程_编程入门自学教程_菜鸟教程-免费教程分享
自抽脸?日本突然声称核污水危害健康 曾高喊可饮用、ALPS成笑话
青岛通报“一桌饭菜收费三次”:错收3400元已退还
铭凡推出HN2673迷你主机:12代i7 首搭锐炫独显 全球新要闻
蔚来全系车型降3万!新车主“二选一”:可退3万块
泰安市财政局调研组到高新区调研财税工作
小米发布99元真无线耳机:单耳仅3.6g 28小时长续航
环球看点!似曾相识!麦芒A20官宣:5000万像素高清影像
大众CC超速迎头撞上大众途岳:后者A柱弯曲近乎报废_世界观速讯
【世界播资讯】还要啥自行车!2023款奇瑞艾瑞泽5 PLUS只要7.49万!快上车
北京修订电动自行车用锂电池标准:电池组超80℃ 车辆30秒内发声报警
探鱼的酱香味烤鱼,“酱”指的是什么酱呢?|环球精选
深度学习应用篇-自然语言处理-命名实体识别[9]:BiLSTM+CRF实现命名实体识别、实体、关系、属性抽取实战项目合集(含智能标注)_资讯推荐
环球今日报丨Qt 事件系统总结
Web网页端IM产品RainbowChat-Web的v5.0版已发布
【热闻】马斯克嘲讽人工智能:机器学习本质就是统计学
小学生用奶奶手机充值游戏2.9万 法院判决来了 世界视讯
“龙字辈”成员即将加入!长城发布全新硬派SUV 或命名:“翔龙”
河南雷暴大风 半米粗大树连根拔起 外卖小哥伸头躲过一劫
世界快播:蔚来宣布重大决定:免费换电权益解绑 全系车型降价3万
今日播报!村里种的“软黄金”迎来丰收季
每日速读!windows下如何杀掉Tomcat进程
焦点信息:5分钟学会数据结构中的线性链表
Python工具箱系列(三十五) 全球新消息
vue使用 elementUI中el-upload的遇到的问题总结
【新华解读】可转债退市机制逐步完善 未来或迎来“宽进宽出”市场生态_全球新动态
两批次食品不符合国家标准上黑榜 全球快资讯
俩石柱子被五菱一下子撞飞 附近店家感慨:此乃神车
米哈游去年赚了161亿!网友:够再开发十个《原神》了
每日快报!时代变了!未来18个月内 传奇瑞等大量国产车企将进入英国市场
世界速讯:越南因罕见高温遭遇“停电危机”:佳能等企业轮流停电
全球视讯!多种口味:和路雪经典大梦龙多口味雪糕16支88元发车
物联网开源操作系统简介 天天快资讯
Jenkins + Docker 一键自动化部署 Spring Boot 项目,步骤齐全,少走坑路! 全球微动态
甘肃省加快推进交通项目建设 每日快播
《暗黑4》第一件“军帽”在韩服现身 官方证实:最强欧皇诞生 属性无敌
苹果回应Mac Pro弃用AMD显卡:压根就不适配_天天微速讯
VIP体验卡到期!高考后饭菜的反差让人猝不及防:从“吃啥有啥”变“有啥吃啥”
今日报丨windows图片查看器修复(windows图片查看器)
解读投顾新规(一)| 扭转投顾“产品化”倾向 引导行业回归服务本源
【读财报】基金发行透视:年内发行规模同比下降15% 鹏扬、国融基金产品发行失败_全球快资讯
国家助学贷款累计发放超4000亿元 惠及2000多万名学生
曝苹果开发Vision Pro更便宜版本:屏幕、处理器会缩水|世界看热讯
A卡降价太狠 NVIDIA坐不住:RTX 4060将提前上市 2399买吗?|焦点
汽车人险胜蜘蛛侠
产销两旺 新能源车消费涌热潮
读改变未来的九大算法笔记10_读后总结与感想 播报
动力电池回收赛道不断升温 上市公司积极挖掘新蓝海-环球热推荐
全球速读:女子220斤家人为激励减肥奖6万 已减超20斤:网友鼓励加油
当前速递!显卡不买丐版就亏了?到底该怎么选?
电路中的pnp是什么意思(电路中pn结是什么意思) 世界关注
深度学习应用篇-计算机视觉-OCR光学字符识别[7]:OCR综述、常用CRNN识别方法、DBNet、CTPN检测方法等、评估指标、应用场景
面对英特尔大小核CPU AMD调整CPU供货和价格-每日速递
新华三率先推出私域行业大模型:百业灵犀