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

Research on Vector Tile Rendering Optimization Method Based on WebGL

作　　者：曹存相 慕旭 秦高雅 王金地 CAO Cun-xiang;MU Xu;QIN Gao-ya;WANG Jin-di(Beijing University of Civil Engineering and Architecture,Beijing 102616,China)

机构地区：[1]北京建筑大学测绘与城市空间信息学院,北京102616

出　　处：《河北地质大学学报》2019年第2期38-41,55,共5页Journal of Hebei Geo University

基　　金：北京建筑大学未来城市设计高精尖创新中心重大项目"城市空间信息一体化平台关键技术研究"(UDC2018031321);国家重点研发计划项目"一体化综合减灾智能服务系统"(2016YFC0803108)

摘　　要：论文结合当今的浏览器渲染技术,提出了一种基于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.

关 键 词：WEBGL 矢量瓦片 存储调度 glTF 

分 类 号：P283.7[天文地球—地图制图学与地理信息工程] TP393.09[天文地球—测绘科学与技术]