0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

基于 HT 2D&3D 渲染引擎的新能源充电桩可视化运营系统技术剖析

图扑-数字孪生 来源:图扑-数字孪生 作者:图扑-数字孪生 2025-03-20 11:47 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

新能源汽车产业快速发展的浪潮中,充电桩作为关键配套设施,其运营管理的高效性和智能化愈发重要。图扑软件凭借基于 WebGL 和 Canvas 的 HT 2D&3D 渲染引擎,打造出功能强大的新能源充电桩可视化运营平台,为行业带来创新的技术解决方案。从技术实现的角度深入探究该平台,能更好地理解其在充电桩运营管理中的价值与优势。

wKgZO2fbjweAL37lAAdNgmOfrp0994.png

一、底层技术支撑:WebGL 与 Canvas 协同运作

HT 2D&3D 渲染引擎依托 WebGL 和 Canvas 技术。WebGL 作为一种在网页上实现硬件加速图形渲染的技术,让 HT 无需借助额外插件,就能在浏览器中高效绘制复杂的 2D 和 3D 图形。这一特性为充电桩可视化运营系统提供了流畅的图形渲染性能,确保系统能实时展示海量充电桩设施的状态。

HT 3D 通过 WebGL 技术实现了场景的高效渲染。当需要展示充电桩的实时工作状态时,它能够迅速呈现设备的动态效果,例如充电时电流流动的动画。这种视觉表现使用户能够更直观地获取相关信息。

同时,HT 2D 依托于 canvas 技术,用于系统中的 2D 面板展示各类重要数据,比如充电管理和告警管理。凭借 canvas 的高效绘制能力,这些 2D 元素得以快速加载和清晰显示,使用户在查看数据时能够一目了然,从而极大地提升了信息获取的便捷性。

二、多场景融合的可视化呈现技术

(一)基于 GIS 的地图融合技术

系统结合 GIS 地图,以城市地图为背景进行可视化展示。HT for WebGIS 产品具备强大的数据加载能力,支持不同地图瓦片服务数据、航拍倾斜摄影实景的 3DTiles 格式数据以及城市建筑群等 GIS 数据的加载。通过 WebGIS 多细节层次的加载方式,能呈现出丰富的地图细节,精准定位每个充电桩的位置。例如,用户在查看充电桩分布时,可通过缩放地图,从宏观的城市层面逐步深入到具体的停车场,清晰了解每个充电桩的精确位置,方便进行导航和使用。

wKgZPGfbjxmAX2VlAAlwzzIdHAI528.png

(二)2.5D 组态设计技术

运用图扑软件自主研发 HT 产品上的 Web 组态,系统将整体场景以 2.5D 设计风格立体呈现。相较于传统组态软件,基于 Web 的 HT 平台更契合 C/S 向 B/S 转型的趋势。它拥有丰富的可视化组件和快捷的数据绑定方式,可快速创建和部署。在充电桩可视化模块中,通过 2.5D 组态技术,不仅能立体化展示不同种类充电桩的整体结构,还能保留组态间的物理位置关系,实时展示组态数据。这使得运维人员能更直观地了解充电桩的分布和运行状态,增强了对区域的地理认知。

wKgZO2fbjyWAQB9WAAq_OjhsnTM901.png

三、智能交互与功能实现技术

(一)智慧路线规划技术

为解决用户的续航焦虑问题,系统基于 HT for WebGIS 技术和物联网 IOT 技术搭建智能充电导航。在HT的3D场景中,2D图标可通过公告板形式展示,使用这些图标可在场景中根据坐标显示汽车位置。用户点击汽车图标后,可通过不同设备查询充电桩的电价和使用情况。系统结合用户输入和车辆续航状态,通过 JavaScript 脚本和算法规划最佳充电路线。此外,HT 2D面板还内置了智能传感器,通过Websocket和HTTP等接口实时传输数据,实现对行驶距离、交通信号灯、到达时间和位置信息的动态显示。这些功能在驾驶中,尤其在重要时刻,能够帮助用户快速而精准地做出决策,从而提升用户体验和充电效率。

wKgZO2fbjy6ABg9vAAXT04lwmog185.png

(二)车位智能管控技术

在车位智能管理方面,系统能够通过标准化的API与现场部署的摄像头抓拍机进行通信。通过OCR(光学字符识别)技术,系统能够高效执行车牌识别,并将提取的信息反馈到控制系统。识别成功后,系统运用物联网(IoT)协议自动操控车位锁装置,执行升降操作以便电动汽车安全进入并开始充电。

wKgZO2fbjzyAdYs3AAmg5WctFqk103.png

通过 HT 技术,结合现场取景照片、卫星图、CAD 图等资料,可快速搭建车位场景。该场景支持宏观监控区域车位整体作业情况,也可深入观察每个车位的作业全流程。此外,系统的联动车位监测功能,利用传感器监测车位状态,当车位无车时自动升起车位锁,有效预防燃油车非法占位,保障了充电桩的正常使用秩序。

(三)多维度数据可视化技术

充电桩状态与功率监测技术 :充电桩可视化模块通过 HT 引擎进行了视觉升级,遵循 IoT 规范,显著提升了充电桩的监控能力。系统集成了电流和电压传感器,实现对充电桩功率数据的24小时实时采集。通过编写 JavaScript 脚本,借助 HT 提供的 API,可以在2D面板中实时展示采集的功率参数,结合丰富的图表组件显示功率变化趋势。此技术帮助管理人员根据充电站的车辆数量和运营计划,科学配置充电桩数量,提升充电设施的利用效率。

电价与预约用户管理技术 :充电桩可视化模块通过应用 HT 引擎进行视觉升级,严格遵循物联网(IoT)规范,大幅提升了充电桩的监控能力。系统整合了高精度电流和电压传感器,实现对充电桩功率数据的全天候实时采集。借助编写的 JavaScript 脚本和 HT 提供的强大 API,可以在2D面板中动态展示实时功率参数,同时结合丰富的图表组件深度分析功率变化趋势。这一技术方案使得管理者能够根据实际的充电车辆流量、线路运行计划等,精确配置充电桩数量,从而最大化地提高充电设施的运营效率。

故障报警与检修管理技术 :为保障充电桩的正常运行,系统采用了先进的技术手段实现故障报警可视化。使用JavaScript编写的脚本监控充电桩的历史故障信息,结合HT的API开发,实现了数据可视化看板的功能。这个看板能够灵活展示包括充电故障、电压不稳、屏幕显示异常等在内的各类故障信息及相应的时间节点。此外,通过对充电枪温度的实时监测,系统具备充电过热报警功能,当温度超过预设阈值时,能够自动发送警报至中央控制系统。此外,HT for Web 引擎搭建轻量化场景并搭配数据面板,实现对充电桩故障信息的可视化管理,检修人员可据此进行增、删、改、查操作,提高故障处理效率。

wKgZPGfbj2iAQ3XFAAiVooO_TPw827.png

图扑软件基于 HT 2D&3D 渲染引擎打造的新能源充电桩可视化运营系统,通过多种技术的协同运用,实现了充电桩运营管理的智能化、可视化。从底层的图形渲染技术,到多场景融合的可视化呈现,再到智能交互与功能实现,每一个环节都充分发挥了 HT 技术的优势,为新能源充电桩行业的发展提供了有力的技术支持,也为未来相关领域的技术创新提供了有益借鉴。

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 新能源
    +关注

    关注

    27

    文章

    6870

    浏览量

    114664
  • 充电桩
    +关注

    关注

    156

    文章

    3113

    浏览量

    90122
  • 汽车
    +关注

    关注

    15

    文章

    4234

    浏览量

    41346
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    高质量可视化大屏应该这样设计

    在数据驱动决策的当下,可视化大屏已成为企业数据呈现、业务监控的核心载体,图扑软件基于自研 HT for Web 前端可视化引擎,打造无需依赖第三方插件、纯 Web 端部署的
    的头像 发表于 04-23 14:22 88次阅读
    高质量<b class='flag-5'>可视化</b>大屏应该这样设计

    水墨国风智慧大坝 3D 可视化系统技术实现

    水利工程作为国家基础设施关键组成部分,智慧大坝建设依托物联网、大数据、5G 与数字孪生技术,实现工程全域感知、智能管控。本文基于图扑软件 HT 引擎,从技术实现层面解析水墨国风智慧大坝
    的头像 发表于 04-16 14:51 74次阅读
    水墨国风智慧大坝 <b class='flag-5'>3D</b> <b class='flag-5'>可视化</b><b class='flag-5'>系统</b><b class='flag-5'>技术</b>实现

    3D系统可视化

    本身的深入描述和F-Theta透镜的应用示例。 光学系统3D-可视化 VirtualLab Fusion提供的工具可以实现光学系统3D
    发表于 03-30 09:25

    基于 HT 引擎零代码搭建 3D 智慧农场,实现耕种管收全无人

    基于 HT 前端可视化插件,提出 3D 智慧农场可视化解决方案。方案采用 HTML5、WebGL和Canvas 技术,结合 WebSocke
    的头像 发表于 03-05 15:34 290次阅读
    基于 <b class='flag-5'>HT</b> <b class='flag-5'>引擎</b>零代码搭建 <b class='flag-5'>3D</b> 智慧农场,实现耕种管收全无人

    基于图扑 HT 引擎:数字孪生民航飞联网方案

    图扑基于 HTML5 自主研发 2D3D 图形渲染引擎,依托 WebGL、Canvas 技术栈打造纯前端
    的头像 发表于 02-05 14:26 302次阅读
    基于图扑 <b class='flag-5'>HT</b> <b class='flag-5'>引擎</b>:数字孪生民航飞联网方案

    轻量化 3D 赋能新能源HT 技术实现光伏与光热发电站

    在清洁低碳环保新能源产业加速数字转型的背景下,电站运维的智能可视化成为提升运营效率、优化管理模式的核心诉求。本文围绕
    的头像 发表于 01-14 16:35 736次阅读
    轻量化 <b class='flag-5'>3D</b> 赋能<b class='flag-5'>新能源</b>:<b class='flag-5'>HT</b> <b class='flag-5'>技术</b>实现光伏与光热发电站

    基于图扑 HT 数字孪生 3D 风电场可视化系统实现解析

    了数字孪生 3D 风电场可视化系统,实现了风电场全场景的远程监测、智能巡检与数字管理。本文从技术角度出发,结合
    的头像 发表于 01-09 15:35 578次阅读
    基于图扑 <b class='flag-5'>HT</b> 数字孪生 <b class='flag-5'>3D</b> 风电场<b class='flag-5'>可视化</b><b class='flag-5'>系统</b>实现解析

    工业数字孪生:图扑可视化技术架构与行业应用解析

    与 Canvas 技术构建轻量级前端可视化插件,通过 WebSocket/HTTP 协议完成跨系统数据对接,依托 JavaScript 脚本调用插件 API 实现数据动态渲染,形成一
    的头像 发表于 12-11 16:49 726次阅读
    工业数字孪生:图扑<b class='flag-5'>可视化</b><b class='flag-5'>技术</b>架构与行业应用解析

    基于 HT 技术的园区元宇宙可视化管理平台

    设计、核心功能实现及技术亮点,展现如何通过HT技术实现园区“安环能”一体管控。 HT 技术作为
    的头像 发表于 11-07 14:54 591次阅读
    基于 <b class='flag-5'>HT</b> <b class='flag-5'>技术</b>的园区元宇宙<b class='flag-5'>可视化</b>管理平台

    数字孪生 3D 风电场:HT 海上风电智慧化解决方案

    渲染引擎 HT for Web,无需依赖第三方插件,构建起全场景覆盖的海上风电数字孪生可视化系统,实现从施工到运维的全生命周期智慧
    的头像 发表于 09-25 17:46 1066次阅读
    数字孪生 <b class='flag-5'>3D</b> 风电场:<b class='flag-5'>HT</b> 海上风电智慧化解决方案

    基于 HT 引擎实现厦门隧道数字孪生系统应用

    基于 HT 引擎的厦门隧道数字孪生系统,从技术层面实现了三大突破:其一,打破了隧道设备的协议壁垒,实现跨品牌、跨类型设备的统一管控;其二,通过 “3
    的头像 发表于 09-05 16:49 1073次阅读
    基于 <b class='flag-5'>HT</b> <b class='flag-5'>引擎</b>实现厦门隧道数字孪生<b class='flag-5'>系统</b>应用

    基于 HT 搭建的农林牧数据可视化监控平台

    图扑 HT 的农林牧数据可视化监控平台,以自主研发的 2D&3D 图形渲染引擎HT for W
    的头像 发表于 08-29 14:51 719次阅读
    基于 <b class='flag-5'>HT</b> 搭建的农林牧数据<b class='flag-5'>可视化</b>监控平台

    基于 HT3D 可视化智慧矿山开发实现

    图扑软件 Hightopo 作为基于 HTML5 标准的 2D/3D 图形渲染引擎,为 Web 端矿山可视化提供了轻量化、高性能的
    的头像 发表于 07-18 15:49 839次阅读
    基于 <b class='flag-5'>HT</b> 的 <b class='flag-5'>3D</b> <b class='flag-5'>可视化</b>智慧矿山开发实现

    基于 HT for Web 的轻量化 3D 数字孪生数据中心解决方案

    一、技术架构:HT for Web 的核心能力 图扑软件自主研发的 HT for Web 是基于 HTML5 的 2D/3D
    的头像 发表于 05-30 14:33 1067次阅读
    基于 <b class='flag-5'>HT</b> for Web 的轻量化 <b class='flag-5'>3D</b> 数字孪生数据中心解决方案

    VirtualLab Fusion应用:3D系统可视化

    描述和F-Theta透镜的应用示例。 光学系统3D-可视化 VirtualLab Fusion提供的工具可以实现光学系统3D
    发表于 04-30 08:47