基于 HTML5的时空轨迹动态可视化方法

摘要

Researching the key technology of HTML5,and progressive smooth interpolation was made for spatio-temporal trajec-tory using Cat-mull curve interpolation algorithm,a spatio-temporal trajectory dynamic visualization method was proposed based on HTML5 under B/S architecture.HTML5 Canvas,WebSocket,and particle system were used to achieve layered rendering of vector data,fast real-time transmission of spatio-temporal trajectory data and visualization simulation.The method is characte-rized by cross-platform,free plug-in,easy maintenance.It provides a new technical approach for spatial and temporal trajectory data free plug-in dynamic visual simulation in the network environment.The feasibility and practicality of the proposed method are verified using real bus trajectory data.%对 HTML5关键技术进行研究，利用 Cat-mull 曲线插值算法对大规模时空轨迹进行渐进式平滑插值，提出一种 B／S 架构下基于 HTML5的时空轨迹动态可视化方法。通过 HTML5 Canvas、WebSocket 和粒子系统实现矢量数据的分层绘制、时空轨迹数据的实时快速传输和可视化模拟，具有跨平台、免插件、易维护等特点，为网络环境下时空轨迹数据的免插件动态可视化仿真提供一种技术方法。利用实际公交轨迹数据验证了该方法的可行性与实用性。