基于HTML5 Canvas的态势符号标绘系统设计与实现  

Design and Implementation of Situation Symbol Plotting System Based on HTML5 Canvas

作　　者：彭宁叶子 邓轶[2] 范甲昊 严涵 叶远智 任福[1] PENG Ningyezi;DENG Yi;FAN Jiahao;YAN Han;YE Yuanzhi;REN Fu(School of Resource and Environmental Sciences,Wuhan University,Wuhan 430072,China;Zhejiang Geomatics Center,Hangzhou 310012,China)

机构地区：[1]武汉大学资源与环境科学学院,湖北武汉430072 [2]浙江省地理信息中心,浙江杭州310012

出　　处：《测绘与空间地理信息》2020年第2期73-75,78,共4页Geomatics & Spatial Information Technology

基　　金：国家自然科学基金资助项目(41571438);国家重点研发计划资助项目(2016YFC0803106)资助。

摘　　要：针对在线态势符号标绘系统如何快速渲染大数据量态势符号的难题,本文设计了在线态势符号标绘系统框架,研究了基于Canvas的态势符号库、态势符号的模型算法和多层Canvas绘制方法等关键技术,提高了在线态势符号标绘系统的渲染运行效率。将以上方法应用于实际,建设了浙江省在线态势符号标绘系统,并设计对比实验,验证该系统的运行效率,结果表明:本系统的运行速度优于传统态势符号标绘系统;随着绘制对象数据量的增大,该系统运行速度的优势更加明显。Aiming at the problem of how to quickly render large data volume situation symbols in online situation symbol plotting system,this paper proposes a framework of online situation mapping system,and studies three key technologies,including Canvas-based situation symbol library,model algorithm of situation symbol and multi-layer Canvas rendering method,improving the rendering efficiency of the online situation symbol plotting system. Applying the above method to practice,the online situation symbol plotting system of Zhejiang Province was constructed. The comparison experiment was designed to verify the rendering efficiency of the system.The results show that the efficiency of the system is better than that of the traditional situation symbol plotting system;with the increase of the drawing objects,the advantage of the system’s running speed is more obvious.

关 键 词：态势标绘 态势符号 符号库 HTML5 CANVAS 

分 类 号：P208[天文地球—地图制图学与地理信息工程]