本申请涉及交通可视化,尤其涉及一种信号灯数据的渲染方法、装置及设备。
背景技术:
1、随着城市化进程的加快和经济社会发展的推动,机动车保有量迅速增加,城市交通问题日益严峻。在此背景下,智慧交通应用而生,很好地应对了这一问题。在智慧交通系统中模拟仿真场景中,利用智能交通web可视化技术,可以实时呈现路口交通信号灯以及在交通信号灯控制下交通参与者行为等交通情况。
2、在实际应用中,交通信号灯和交通参与者的大量实时交通数据需要在网页端可视化展示,但是网页逻辑处理是基于javascript(js)语言实现的,而javascript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。由此会造成交通信号灯相关的代码在执行时,会阻塞其他逻辑代码执行,例如车辆的实时数据处理渲染。并且在交通信号灯在渲染时,会消耗大量内存和cpu,占用其他数据处理资源,造成页面交互卡顿甚至页面崩溃等问题。
3、因此,亟需一种信号灯数据的渲染方法,来提升web端渲染信号灯图片时的流畅性。
技术实现思路
1、为解决上述技术问题,本说明书实施例提出了一种信号灯数据的渲染方法、装置及设备,以提升web端渲染信号灯图片时的流畅性。
2、本说明书实施例提供的一种信号灯数据的渲染方法,包括:
3、利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息;
4、利用所述网页应用处的子线程,根据所述信号灯信息渲染得到所述交通信号灯的信号灯图片;
5、将所述信号灯图片展示于所述地图场景视口中的所述交通信号灯对应的模型处。
6、本说明书实施例提供的一种信号灯数据的渲染装置,包括:
7、获取模块,用于利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息;
8、渲染模块,用于利用所述网页应用处的子线程,根据所述信号灯信息渲染得到所述交通信号灯的信号灯图片;
9、合成模块,用于将所述信号灯图片展示于所述地图场景视口中的所述交通信号灯对应的模型处。
10、本说明书实施例提供的一种信号灯数据的渲染设备,包括:
11、至少一个处理器;以及,
12、与所述至少一个处理器通信连接的存储器;其中,
13、所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
14、至少一个处理器;以及,
15、与所述至少一个处理器通信连接的存储器;其中,
16、所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
17、利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息;
18、利用所述网页应用处的子线程,根据所述信号灯信息渲染得到所述交通信号灯的信号灯图片;
19、将所述信号灯图片展示于所述地图场景视口中的所述交通信号灯对应的模型处。
20、本说明书实施例采用的上述至少一个技术方案能够达到以下有益效果:
21、本说明书实施例公开了一种信号灯数据的渲染方法、装置及设备,该方案可以包括:通过利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息;利用所述网页应用处的子线程,根据所述信号灯信息渲染得到所述交通信号灯的信号灯图片;根据所述地图场景视口调整所述信号灯图片的方向展示于中的所述交通信号灯对应的模型处。由于所述交通信号灯的信号灯信息的解析和所述信号灯图片的渲染都是通过子线程来实现的,而所述子线程独立于js引擎线程在后台运行,不会阻塞js引擎线程对其他逻辑代码执行,使得js引擎线程对用户的及时响应,提升web端渲染信号灯图片时的流畅性。
1.一种信号灯数据的渲染方法,其特征在于,包括:
2.如权利要求1所述的方法,其特征在于,所述利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息之前,还包括:
3.如权利要求2所述的方法,其特征在于,所述利用终端设备处的网页应用获取地图场景视口内预设时刻的交通信号灯的信号灯信息,具体包括:
4.如权利要求3所述的方法,其特征在于,所述存储携带有所述时间标记的所述信号灯信息至数据仓库之后,还包括:
5.如权利要求1所述的方法,其特征在于,所述信号灯信息包括所述交通信号灯的相位信息及类型信息;
6.如权利要求5所述的方法,其特征在于,所述信号灯信息还包括所述交通信号灯当前相位的剩余时长信息;
7.如权利要求1所述的方法,其特征在于,所述利用所述网页应用处的子线程,根据所述信号灯信息渲染得到所述交通信号灯的信号灯图片,具体包括:
8.一种信号灯数据的渲染装置,其特征在于,包括:
9.如权利要求7所述的装置,其特征在于,所述信号灯信息包括所述交通信号灯的相位信息及类型信息;
10.一种信号灯数据的渲染设备,所述设备为可运行网页应用的终端设备,其特征在于,包括: