基于WebGL的矢量瓦片渲染优化方法研究

Research on Vector Tile Rendering Optimization Method Based on WebGL

论文结合当今的浏览器渲染技术,提出了一种基于WebGL的矢量瓦片渲染优化方法。该方法在数据组织方面,将矢量瓦片的属性信息及空间信息存储在同一glTF文件,使之便于网络传输、前端快速渲染解析。在数据矢量瓦片调度方面考虑了屏幕显示大小,最大限度的减少瓦片拼接,并按照瓦片中要素的重要程度进行渐进传输,利用WebGL在线交互及硬件加速渲染的优势,为网络地图提供服务。该方法降低了渲染处理所需的操作复杂性和传输数量和容量,提高了矢量瓦片数据交互渲染的速度。通过实际数据验证了该方法在基于WebGL的矢量瓦片可视化中的有效性。

This paper proposes a WebGL-based vector tile rendering optimization method based on today’s browser rendering technology. In the aspect of data organization, the method stores the attribute information and spatial information of the vector tile in the same glTF file, which makes it convenient for network transmission and fast rendering of the front end. In the aspect of data vector tile scheduling, the screen display size is considered, the tile splicing is minimized, and the progressive transmission is performed according to the importance degree of the elements in the tile, and the advantages of WebGL online interaction and hardware accelerated rendering are provided to serve the network map. This method reduces the operational complexity and the number of transmissions and capacity required for rendering processing, and improves the speed of vector tile data interactive rendering. The effectiveness of the method in WebGL-based vector tile visualization is verified by actual data.