基于浏览器的矢量数据可视化系统
计算机与现代化 ２０１８年第１期
ＪＩＳＵＡＮＪＩＹＵＸＩＡＮＤＡＩHＵＡ总第２６９期
文章编号：１００６-２4７５（２０１８）０１-００44-０７收稿日期：２０１７-０５-１９
作者简介：王楠（１９９２-）,男（蒙古族）,内蒙古乌兰浩特人,华北计算技术研究所基础三部硕士研究生,研究方向：计算机软件与理论,网络地理信息系统；封雷（１９７８-）,男,吉林松原人,高级工程师,硕士,研究方向：网络地理信息系统及应用。基于浏览器的矢量数据可视化系统
王 楠,封 雷
（华北计算技术研究所基础三部,北京１０００８３）
摘要：ＷＥＢＧＩＳ是网络技术和ＧＩＳ技术相结合的产物,采用服务器端与客户端相结合的混合构造模式。矢量地图预先渲染当前基于服务器绘制栅格化瓦片地图,然后由浏览器获取与显示。这种方式已无法满足浏览器上矢量地图动态制图、矢量地图无极缩放等功能的需求。针对矢量地图显示控制框架、矢量目标与注记的渲染和符号库及地图符号化进行研究,在HＴＭL ５技术的基础上构建基于浏览器的矢量数据可视化的系统原型。对矢量数据绘制和地图交互性关键技术进行验证,满足用户日益增长的ＲＩＡ（ＲｉｃｈＩｎｔｅｒｎｅｔＡｐｐｌｉｃａｔｉｏｎ）需求。
关键词：框架；绘制；符号化；HＴＭL ５；交互性
中图分类号：ＴＰ３１１ 文献标识码：Ａ doi ：１０.３９６９／ｊ.ｉｓｓｎ.１００６-２4７５.２０１８.０１.０１０
Vector Data Visualization System Based on Browser
ＷＡＮＧＮａｎ,ＦＥＮＧLｅｉ
（Ｄｅｐｔ.ｏｆＢａｓｉｃＴｈｒｅｅ,ＮｏｒｔｈＣｈｉｎａＩｎｓｔｉｔｕｔｅｏｆＣｏｍｐｕｔｉｎｇＴｅｃｈｎｏｌｏｇｙ,Ｂｅｉｊｉｎｇ１０００８３,Ｃｈｉｎａ）
Abstract ：Ｕｓｉｎｇａｓｅｒｖｅｒａｎｄｃｌｉｅｎｔｍｉｘｅｄｃｏｎｓｔｒｕｃｔｉｏｎｍｏｄｅｌ,ＷＥＢＧＩＳｉｓａｃｏｍｂｉｎａｔｉｏｎｏｆｎｅｔｗｏｒｋｔｅｃｈｎｏｌｏｇｙａｎｄＧＩＳｔｅｃｈｎｏｌ-ｏｇｙｐｒｏｄｕｃｔ.Ｔｈｅｖｅｃｔｏｒｍａｐｐｒｅ-ｒｅｎｄｅｒｅｄｉｓｂａｓｅｄｏｎｔｈｅｓｅｒｖｅｒｔｏｄｒａｗａｒａｓｔｅｒｉｚｅｄｔｉｌｅｍａｐｃｕｒｒｅｎｔｌｙ,ａｎｄｔｈｅｎｔｈｅｂｒｏｗｓｅｒｏｂ-ｔａｉｎｓａｎｄｄｉｓｐｌａｙｓｉｔ.Ｔｈｉｓｍｅｔｈｏｄｉｓｕｎａｂｌｅｔｏｍｅｅｔｔｈｅｖｅｃｔｏｒｍａｐｄｙｎａｍｉｃｍａｐｐｉｎｇｏｎｔｈｅｂｒｏｗｓｅｒ,ｖｅｃｔｏｒｍａｐｐｒｏｍｉｓｅｚｏｏｍａｎｄｏｔｈｅｒｆｕｎｃｔｉｏｎｓｏｆｔｈｅｄｅｍａｎｄ.Ｂｙｓｔｕｄｙｉｎｇｆｏｒｔｈｅｄｉｓｐｌａｙｃｏｎｔｒｏｌｆｒａｍｅｏｆｖｅｃｔｏｒｍａｐ,ｔｈｅｒｅｎｄｅｒｉｎｇｏｆｖｅｃｔｏｒｏｂｊｅｃｔｓａｎｄａｎ-ｎｏｔａｔｉｏｎｓａｌｏｎｇｗｉｔｈｓｙｍｂｏｌｉｃｌｉｂｒａｒｙａｎｄｍａｐｓｙｍｂｏｌｉｚａｔｉｏｎｒｅｓｅａｒｃｈｅｄ,ｔｈｅHＴＭL ５ｔｅｃｈｎｏｌｏｇｙｉｓｕｓｅｄｔｏｂｕｉｌｄａｂｒｏｗｓｅｒ-ｂａｓｅｄｖｅｃｔｏｒｄａｔａｖｉｓｕａｌｉｚａｔｉｏｎｓｙｓｔｅｍｐｒｏｔｏｔｙｐｅ.Ｔｈｉｓｓｙｓｔｅｍｉｓｖｅｒｉｆｉｅｄｉｎｋｅｙｔｅｃｈｎｏｌｏｇｉｅｓｏｆｔｈｅｖｅｃｔｏｒｄａｔａｒｅｎｄｅｒｉｎｇａｎｄｍａｐｉｎｔｅｒａｃ-ｔｉｖｅ,ａｎｄｍｅｅｔｔｈｅｕｓｅｒ’ｓｇｒｏｗｉｎｇｎｅｅｄｓｏｆＲＩＡ（ｒｉｃｈＩｎｔｅｒｎｅｔａｐｐｌｉｃａｔｉｏｎ）.Key words ：ｆｒａｍｅ；ｄｒａｗ；ｓｙｍｂｏｌｉｚａｔｉｏｎ；HＴＭL ５；ｉｎｔｅｒａｃｔｉｖｅ
0 引 言
随着计算机技术和互联网的发展,基于Ｂ／Ｓ架
构构建地理信息系统明显简化了客户端系统的部署,
降低了用户使用难度,同时也极大提高了系统的可维
护性。当前成熟的矢量数据可视化技术是通过后台
将地图数据进行存储管理,将数据在服务器端进行绘
制并切成瓦片存储,由浏览器来获取与显示。这种在
浏览器上基于图片的显示,存在很多问题。由于浏览
器本身对图形可视化支持能力不足,在无插件条件
下,目前主流的ＷｅｂＧＩＳ［１］（网络地理信息系统）平台
在线显示都是基于预生成好的栅格瓦片进行的,这种
模式解决了高并发访问情况下,服务端实时绘制所造
成的响应效率低的问题,但同时带来无法进行动态显示样式调整的问题。如何实现基于浏览器的矢量化绘制,是ＷｅｂＧＩＳ用户显示端的重点研究方向。HＴＭL ５作为下一代HＴＭL 的标准,赋予网页更好的意义和结构［２］。基于HＴＭL ５的ＷｅｂＡｐｐ拥有更短的启动时间和更快的联网速度,能够支持离线Ｗｅｂ应用。HＴＭL ５拥有更高效的服务器推送技术。HＴＭL ５增加了新的图形图像显示特性［３］,基于Ｃａｎ-ｖａｓ技术,浏览器能够直接绘制矢量图形,完全摆脱Ｆｌａｓｈ和Ｓｉｌｖｅｒｌｉｇｈｔ插件,这就为ＷｅｂＧＩＳ摆脱第三方插件实现矢量数据的可视化提供了技术基础［4］。本文将基于新标准的浏览器进行客户端矢量数据可视化技术的研究,实现一套基于HＴＭL ５Ｃａｎｖａｓ的矢量地理信息在线绘制框架［５］,满足用户在线矢量地图显示以及矢量要素样式编辑等ＲＩＡ需求［６］。
万方数据