基于web浏览器缓存的3d车联网可视化管理方法及系统技术方案

本发明专利技术公开一种基于web浏览器缓存的3d车联网可视化管理方法及系统，方法包括：服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码；对3DTiles数据进行分段，得到至少一个子3DTiles数据，并生成与至少一个子3DTiles数据唯一对应的key值；浏览器端首次访问系统后将获取到的3DTiles数据缓存至IndexedDB中，并在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码；若第一校验码与第二校验码不一致，则根据key值将至少一个子3DTiles数据插入或更新至3DTiles缓存数据中，使得到目标3DTiles缓存数据；基于Three.js框架将目标3DTiles缓存数据转换为3d地图。如此将不会因为需要加载大量的3DTiles瓦片数据而延缓系统的展示速度，同时使系统获得3d实景展示车辆行驶的能力。得3d实景展示车辆行驶的能力。得3d实景展示车辆行驶的能力。

【技术实现步骤摘要】
基于web浏览器缓存的3d车联网可视化管理方法及系统


[0001]本专利技术属于车联网管理
，尤其涉及一种基于web浏览器缓存的3d车联网可视化管理方法及系统。

技术介绍

[0002]当前，国内外的车联网行业发展尚处于起步阶段，正在开发或已初步开发完成的车联网可视化管理平台大多与传统的后台管理系统或大屏可视化系统相似，一般是维护一张2d平面图，在2d平面图上进行车辆行驶轨迹的标点，另外在2d平面图外维护一些实时展示的图表内容用于监控和展示实时的车辆数据。
[0003]现有技术在实现车联网可视化管理方面，主要是依靠传统的web网站开发思路，即2d canvas绘图或基于ECharts等可视化框架绘制一张2d平面图用于整个系统的车辆行驶即各种信息点位展示。但是在进行数据获取过程中，需要前端加载大量数据，导致加载速度慢。

技术实现思路

[0004]本专利技术提供一种基于web浏览器缓存的3d车联网可视化管理方法及系统，用于解决在进行数据获取过程中，需要前端加载大量数据，导致加载速度慢的技术问题。
[0005]第一方面，本专利技术提供一种基于web浏览器缓存的3d车联网可视化管理方法，包括：服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码，其中第一校验码由服务端生成；对3DTiles数据进行分段，得到至少一个子3DTiles数据，并生成与至少一个子3DTiles数据唯一对应的key值；浏览器端首次访问系统后将获取到的3DTiles数据缓存至IndexedDB中，并在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码，其中第二校验码由客户端生成；判断第一校验码与第二校验码是否一致；若不一致，则根据key值将至少一个子3DTiles数据插入或更新至3DTiles缓存数据中，使得到目标3DTiles缓存数据；读取缓存的目标3DTiles缓存数据，并基于Three.js框架将目标3DTiles缓存数据转换为3d地图，并进行展示3d地图。
[0006]进一步地，在服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码之前，所述方法还包括：
[0007]基于CRC32校验算法生成所述3DTiles数据相对应的第一校验码。
[0008]进一步地，在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码之前，所述方法还包括：
[0009]获取指定区域的倾斜摄影数据，并将所述倾斜摄影数据转换为3DTiles数据，其中，所述3DTiles数据能够在web网页中展示；
[0010]将加载至服务器端的所述3DTiles数据缓存至web浏览器的indexedDB中，得到
indexedDB缓存数据库，其中，所述indexedDB缓存数据库中包含3DTiles缓存数据；
[0011]基于CRC32校验算法生成所述3DTiles缓存数据相对应的第二校验码。
[0012]第二方面，本专利技术提供一种基于web浏览器缓存的3d车联网可视化管理系统，包括：第一获取模块，配置为服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码，其中第一校验码由服务端生成；生成模块，配置为对3DTiles数据进行分段，得到至少一个子3DTiles数据，并生成与至少一个子3DTiles数据唯一对应的key值；第二获取模块，配置为浏览器端首次访问系统后将获取到的3DTiles数据缓存至IndexedDB中，并在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码，其中第二校验码由客户端生成；判断模块，配置为判断第一校验码与第二校验码是否一致；更新模块，配置为若不一致，则根据key值将至少一个子3DTiles数据插入或更新至3DTiles缓存数据中，使得到目标3DTiles缓存数据；转换模块，配置为读取缓存的目标3DTiles缓存数据，并基于Three.js框架将目标3DTiles缓存数据转换为3d地图，并进行展示3d地图。
[0013]第三方面，提供一种电子设备，其包括：至少一个处理器，以及与所述至少一个处理器通信连接的存储器，其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术任一实施例的基于web浏览器缓存的3d车联网可视化管理方法的步骤。
[0014]第四方面，本专利技术还提供一种计算机可读存储介质，其上存储有计算机程序，所述程序指令被处理器执行时，使所述处理器执行本专利技术任一实施例的基于web浏览器缓存的3d车联网可视化管理方法的步骤。
[0015]本申请的基于web浏览器缓存的3d车联网可视化管理方法及系统，当用户使用计算机上的web浏览器首次访问本系统以后，将大量的3DTiles数据缓存至web浏览器中，之后直接从web浏览器中获取3DTiles数据，能够提高访问加载速度，并且在校验成功后，对indexedDB缓存数据库中指定的3DTiles缓存数据进行更新，提高了3DTiles缓存数据的有效性。
附图说明
[0016]为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0017]图1为本专利技术一实施例提供的一种基于web浏览器缓存的3d车联网可视化管理方法的流程图；
[0018]图2为本专利技术一实施例提供一个具体实施例的3d车联网可视化管理系统的结构框图；
[0019]图3为本专利技术一实施例提供的一具体实施例的3d车联网可视化管理方法的流程图；
[0020]图4为本专利技术一实施例提供的一种基于web浏览器缓存的3d车联网可视化管理系统的结构框图；
[0021]图5是本专利技术一实施例提供的电子设备的结构示意图。
具体实施方式
[0022]为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0023]专业名词解释：
[0024]1.3DTiles数据：三维瓦片数据，3D Tiles是用于流式传输大规模异构3D地理空间数据集的开放规范。为了扩展Cesium的地形和图像流，3D Tiles将用于流式传输3D内容，包括建筑物，树木，点云和矢量数据。...

【技术保护点】

【技术特征摘要】
1.一种基于web浏览器缓存的3d车联网可视化管理方法，其特征在于，包括：服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码，其中第一校验码由服务端生成；对3DTiles数据进行分段，得到至少一个子3DTiles数据，并生成与至少一个子3DTiles数据唯一对应的key值；浏览器端首次访问系统后将获取到的3DTiles数据缓存至IndexedDB中，并在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码，其中第二校验码由客户端生成；判断第一校验码与第二校验码是否一致；若不一致，则根据key值将至少一个子3DTiles数据插入或更新至3DTiles缓存数据中，使得到目标3DTiles缓存数据；读取缓存的目标3DTiles缓存数据，并基于Three.js框架将目标3DTiles缓存数据转换为3d地图，并进行展示3d地图。2.根据权利要求1所述的一种基于web浏览器缓存的3d车联网可视化管理方法，其特征在于，在服务端获取3DTiles数据以及与3DTiles数据相对应的第一校验码之前，所述方法还包括：基于CRC32校验算法生成所述3DTiles数据相对应的第一校验码。3.根据权利要求1所述的一种基于web浏览器缓存的3d车联网可视化管理方法，其特征在于，在再次访问后根据localForage.js框架获取预设的IndexedDB缓存数据库中指定的3DTiles缓存数据以及与3DTiles缓存数据相对应的第二校验码之前，所述方法还包括：获取指定区域的倾斜摄影数据，并将所述倾斜摄影数据转换为3DTiles数据，其中，所述3DTiles数据能够在web网页中展示；将加载至服务器端的所述3DTiles数据缓存至web...

【专利技术属性】
技术研发人员：程大康，王志鹏，季忠祥，李天洋，
申请(专利权)人：江西数字网联信息安全技术有限公司，
类型：发明
国别省市：