杨士乐,邹文明,陶彪,姜陆炯

• 1:浙江省第一测绘院

摘要(Abstract)：

针对地理信息公共服务平台中的地图可视化,该文提出了基于WebGL的矢量瓦片客户端渲染方法,并阐述了矢量切片数据规范,矢量切片数据转换,渲染引擎,地图符号化配置,地图样式定制等主要内容。以WebGL的地图渲染、Web Workers的下载优化、Protocol Buffers的数据序列化和矢量瓦片属性混淆为关键技术,实现了矢量切片在客户端的快速渲染和地图的多样化表达。实验结果表明,本文提到的方法可以有效降低数据生产时间、数据量和带宽消耗,并显著提升数据更新速度。

关键词(KeyWords)： 矢量瓦片;WebGL;客户端地图渲染;地图符号化配置;地图样式定制

Abstract:

Keywords:

基金项目(Foundation):

作者(Author): 杨士乐,邹文明,陶彪,姜陆炯

DOI: 10.16251/j.cnki.1009-2307.2020.10.024

参考文献(References)：

• [1] GAFFURI J.Toward web mapping with vector data[M].Berlin:Springer,2012:87-101.
• [2] 苏旭明,谭建成.WebGIS中瓦片地图关键技术研究[J].北京测绘,2012(2):9-12.(SU Xuming,TAN Jiancheng.The research of key technologies for the tile map in WebGIS[J].Beijing Surveying and Mapping,2012(2):9-12.)
• [3] 杜清运.地图数据库中多边形数据的自动组织[J].测绘学报,1989,18(3):204-212.(DU Qingyun.Automatic organization of polygon data in cartographic database[J].Acta Geodaetica et Cartographic Sinica,1989,18(3):204-212.)
• [4] REIMERS S,STEWART N.Adobe Flash as a medium for online experimentation:a test of reaction time measurement capabilities[J].Behav Res Methods,2007,39(3):365-370.
• [5] MCANLIS C,LUBBERS P,JONES B,et al.Mobile Web game techniques with Canvas2D API[M]//HTML5 Game Development Insights.Berkeley,CA:Apress,2014:245-248.
• [6] 汪浩,田丰,张文俊.基于WebGL的交互平台设计与实现[J].电子测量技术.2015(8):119-122.(WANG Hao,TIAN Feng,ZHANG Wenjun.Design and implementation of interactive platform based on WebGL[J].Electronic Measurement Technology,2015 (8):119-122.)
• [7] MAPBOX.Mapbox/Vector-tile-spec:Mapbox vector tile specification[EB/OL].[2019-05-17].https://github.com/mapbox/vector-tile-spec,2019-3-15/2019-04-03.
• [8] 翁世杰,朱雪坚,黄婷,等.基于Mapbox矢量切片在线配图平台的设计与实现[J].地理信息世界,2018,25(4):64-68.(WENG Shijie,ZHU Xuejian,HUANG Ting,et al.Design and implementation of online map drawing platform based on Mapbox vector tile-sets[J].Geomatics World,2018,25(4):64-68.)
• [9] BEDERSON B B,QUINN A J.Web workers unite! addressing challenges of online laborers[C]//CHI’11 Extended Abstracts on Human Factors in Computing Systems.New York:ACM,2011:97-106.
• [10] SUMI T,ISHIGURO T,KIYOMOTO S,et al.Parallel implementation of public key cryptosystems using Web workers[C]//Consumer Communications & Networking Conference.Piscataway:IEEE,2014:1126-1127.
• [11] SMITH K.Simplifying Ajax-Style Web development[J].Computer,2006,39(5):98-101.
• [12] 朱秀丽,周治武,李静,等.网络矢量地图瓦片技术研究[J].测绘通报,2016 (11):106-109.(ZHU Xiuli,ZHOU Zhiwu,LI Jing,et al.Research for web map vector tiles technology[J].Bulletin of Surveying and Mapping,2016(11):106-109.)
• [13] 陈德权.基于 GeoJSON的WFS实现方式[J].测绘科学技术学报,2011,28(1):66-69.(CHEN Dequan.The realization of WFS based on GeoJSON[J].Journal of Geomatics Science and Technology,2011,28(1):66-69.)
• [14] 殷昊,沈奇威,王纯.Protocol Buffer在Android企业云通讯录中的应用[J].电信科学,2012,28(9):148-151.(YIN Hao,SHEN Qiwei,WANG Chun.Application of Protocol Buffer in enterprise cloud contacts[J].Telecommunications Science,2012,28(9):148-151.)
• [15] 聂晓旭,于凤芹,钦道理.基于Protobuf的数据传输协议[J].计算机系统应用,2015,24(8):112-116.(NIE Xiaoxu,YU Fengqin,QIN Daoli.Data transmission protocol based on Protobuf[J].Computer Systems & Applications,2015,24(8):112-116.)