车辆轨迹回放中如何实现轨迹信息表格的自动滚动？

TSINGSEE青犀视频目前正在研发基于车载视频监控的新功能，包括轨迹跟踪、轨迹回放等。轨迹跟踪适用于车载监控场景，基于车内的车载监控装置，可以实时记录车辆的位置、行驶轨迹等信息，并且在轨迹回放中，能对车辆的行驶路线过程进行回放，掌握车辆的历史行踪。该功能对于车辆、车队的管理具有十分重要的意义。

今天和大家分享下在该功能研发中的一点技巧：如何实现表格自动滚动。

需求：

轨迹信息表格为了能和地图上运动的轨迹点同步运动，需要滚动到对应的列并展示高亮。

实现方式：

1）在表格标签上加入ref，方便操作Dom元素。

2）编写操作表格滚动的函数，函数传入表格列表的下标。这里已经知道列表高度为38，当传入对应的下标并乘38，赋值给滚动的高度。表格的SetCurentRow为设置表格的高亮方法。

3）当地图上的点位运动后会传入下标执行tableTop函数，表格就会自动滚动到对应的列。

预览效果：

作为视频监控行业的重要分支，车载视频监控是交通监控领域的重要应用。TSINGSEE青犀视频基于JT1078协议与多年来在音视频流媒体领域的研发经验，围绕定位、轨迹回放、实时视频监控、驾驶行为监测、录音、智能报警等模块，打造出智能化、数字化、可视化的车载视频监控平台，助力“两客一危”等车辆的安全监管。更多信息，欢迎关注我们的更新。

车辆轨迹回放中如何实现轨迹信息表格的自动滚动？相关推荐

tableView cell 中如果有文本框点击自动滚动不被键盘挡住
tableView cell 中如果有文本框点击自动滚动不被键盘挡住 tableView 是继承UIscrollView,所以自然有setContentOffset方法,该方法可以设置tableVie ...
小程序历史轨迹回放地图播放历史轨迹
先看效果图 html <map id='map' :latitude="addressInfo.latitude" :longitude="addressInfo. ...
关于地图轨迹回放的一点小研究
大家在做交通相关业务时,不可避免的要用到轨迹回放的相关功能,即根据一段时间内的GPS轨迹点来绘制车辆行驶的轨迹,下面结合自己做所项目相关业务以及自己的相关总结,说说轨迹回放相关功能实现. setTim ...
js室内地图开发_如何使用JS来开发室内三维地图的轨迹回放功能
在制作完成室内三维地图的功能后,最经常有的需求就是如何做人员的轨迹回放,一般流程都是从数据库中查询轨迹坐标后,经过后台查询接口返回给前端,接下来的事情都交给JS来完成. 如果想做好一个性能好的轨迹回放 ...
深度学习在轨迹数据挖掘中的应用研究综述
深度学习在轨迹数据挖掘中的应用研究综述人工智能技术与咨询来源:< 计算机科学与应用> ,作者李旭娟等关键词: 深度学习:数据挖掘:轨迹挖掘:长短时记忆:序列到序列摘要: 在过去十年 ...
小程序实现轨迹回放代码
小程序实现轨迹回放以下只是实现轨迹回放的步骤和部分的主要代码,其他数据类的我就跳过了,我是用小程序的translateMarker方法来实现轨迹回放. 创建 map 上下文 MapContext 对 ...
JSAPI 高德地图应用--车辆的轨迹回放、并附有信息框（上）
关于车辆的轨迹回放功能方法,主要分为两种,一种是通过标记点moveAlong()的方法,另一种是PathSimplifier是一个轨迹展示组件:两种方法,各有各的优缺点,前者是比较简单,但是不能在中途 ...
JSAPI 高德地图应用--车辆的轨迹回放、并附有信息框（下）
上篇文章提到了车辆的轨迹回放主要有两个方案:一种是通过标记点moveAlong()的方法,另一种是PathSimplifier是一个轨迹展示组件:上篇使用了标记点的方法,这篇就来使用PathSimpl ...
利用百度地图抓取公交信息实现三维地图车辆跟踪轨迹回放
MapVGL,是一款基于WebGL的地理信息可视化库,是一款基于百度地图的大数据可视化开源库,可以用来展示大量基于3D的地理信息点线面数据.设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫 ...

车辆轨迹回放中如何实现轨迹信息表格的自动滚动？

车辆轨迹回放中如何实现轨迹信息表格的自动滚动？相关推荐

最新文章

热门文章