矢量瓦片支持下的在线交互可视化工具设计与实现

doi:10.13474/j.cnki.11-2246.2018.0125

测绘通报 ›› 2018, Vol. 0 ›› Issue (4): 125-130.doi: 10.13474/j.cnki.11-2246.2018.0125

矢量瓦片支持下的在线交互可视化工具设计与实现

宋磊¹, 霍亮^1,2, 方敏¹, 鲍鹏¹, 王锐¹, 王金地¹

1. 北京建筑大学测绘与城市空间信息学院, 北京 102616;
2. 现代城市测绘国家测绘地理信息局重点实验室, 北京 102616

收稿日期:2017-09-01 修回日期:2018-01-16 出版日期:2018-04-25 发布日期:2018-05-03
作者简介:宋磊(1989-),男,硕士,助理工程师,主要研究方向为自主知识产权地理信息平台的研发。E-mail:songleifendou@163.com
基金资助:
国家重点研发计划（2016YFC0803108）；北京建筑大学"城乡建设与管理"产学研联合研究生培养基地项目（31061017004）

Design and Implementation of Online Interactive Visualization Tool Based on Vector Tiles

SONG Lei¹, HUO Liang^1,2, FANG Min¹, BAO Peng¹, WANG Rui¹, WANG Jindi¹

1. School of Geomatics and Urban Spatial Information, Beijing University of Civil Engineering and Architecture, Beijing 102616, China;
2. Key Laboratory of Modern Urban Surveying and Mapping, National Administration of Surveying, Mapping and Geoinformation, Beijing 102616, China

Received:2017-09-01 Revised:2018-01-16 Online:2018-04-25 Published:2018-05-03

摘要/Abstract

摘要：

针对在线地图制图过程中不仅注重成图速度，而且兼顾可视化效果的特点，本文提出了一种面向用户的网络地图在线交互可视化方法。该方法基于矢量瓦片技术，通过WFS发布GeoJSON格式矢量数据，将数据以渐进传输的方式缓存在客户端，用户在浏览器端编辑地图符号，确定地图符号与图层参数，将矢量数据转换成地图表达。基于该方法设计的在线交互可视化工具，充分利用WebGIS系统中客户端的CPU和GPU计算资源，通过脚本语言解析用户设置的样式信息，采用WebGL技术将内存中的矢量数据渲染成图并进行动态展示，降低了数据渲染对服务器的依赖，丰富了地图表达方式。

关键词: 矢量瓦片, 地图符号, 在线地图, GeoJSON, 自适应

Abstract:

The online mapping not only pays attention to the mapping speed,but also takes into account the characteristics of visualization. To address this problem, this paper proposes an user oriented online interactive visualization method for network maps.The method is based on vector tile technology,gradually transmitted GeoJSON format data to the client side by WFS,and cached in the browser.Users can edit map symbols,determine the parameters of map symbols and layers at the browser and render vector data into graphics by this tool.The interactive online visualization tool bases on this method,which makes full use of the client CPU and GPU computing resources in WebGIS system.It resolves the user's setted style information through scripting language,and renders the vector data in memory into graphics and display dynamically by WebGL technology,which reduces the dependence of data rendering on the server side,enriches the way of map expression.

Key words: vector tile, map symbol, online map, GeoJSON, self-adaption

中图分类号:

P283

宋磊, 霍亮, 方敏, 鲍鹏, 王锐, 王金地. 矢量瓦片支持下的在线交互可视化工具设计与实现[J]. 测绘通报, 2018, 0(4): 125-130.

SONG Lei, HUO Liang, FANG Min, BAO Peng, WANG Rui, WANG Jindi. Design and Implementation of Online Interactive Visualization Tool Based on Vector Tiles[J]. 测绘通报, 2018, 0(4): 125-130.

参考文献

[1] 成晓强.面向应需制图的地图综合服务[D].武汉:武汉大学,2013.
[2] 孟立秋.地图为人人,人人都制图[J].测绘科学技术学报,2012,29(5):313-320,391.
[3] 赵飞,杜清运.现代专题地图制图研究进展与趋势分析[J].测绘科学,2016,41(1):80-84.
[4] 杨洪泉.大众电子地图的应用现状及发展趋势[J].测绘通报,2014,(11):37-41.
[5] ROUSE L J,BERGERON S J,HARRIS T M.Participating in the Geospatial Web:Collaborative Mapping,Social Networks and Participatory GIS[M]//The Geospatial Web.London:Springer,2007:153-158.
[6] 王刚.顾及要素特征的层次增量分块矢量数据组织与高效网络传输研究[D].武汉:武汉大学,2011.
[7] 杨必胜,李清泉.World Wide Web(WWW)上矢量地图数据的多分辨率传输算法[J].测绘学报,2005,34(4):355-360.
[8] 朱秀丽,周治武,李静,等.网络矢量地图瓦片技术研究[J].测绘通报,2016,(11):106-109,117.
[9] 黄瑞阳.地图符号共享关键技术研究[D].郑州:解放军信息工程大学,2013.
[10] ANTONIOU V,MORLEY J,HAKLAY M.Tiled Vectors:A Method for Vector Transmission over the Web[M]//Web and Wireless Geographical Information Systems.Berlin:Heidelberg Springer,2009:56-71.
[11] 霍亮,杨耀东,刘小勇,等.瓦片金字塔模型技术的研究与实践[J].测绘科学,2012,37(6):144-146.
[12] YANG B,PURVES R.Efficient Transmission of Vector Data over the Internet[J].International Journal of Geographical Information Science,2007,21(2):215-237.
[13] 孙晨龙,霍亮,高泽辉.基于矢量瓦片的矢量数据组织方法研究[J].测绘与空间地理信息,2016,39(4):122-124.
[14] MAIELLARO N,VARASANO A.One-page Multimedia Interactive Map[J].ISPRS International Journal of Geo-information,2017:1-16.
[15] 丁克奎,钟凯文,周旭斌,等.基于WebSocket和GeoJSON的WebGIS的设计与实现[J].测绘通报,2015(2):109-112.
[16] 陈德权.基于GeoJSON的WFS实现方式[J].测绘科学技术学报,2011,28(1):66-69.
[17] 汪浩,田丰,张文俊.基于WebGL的交互平台设计与实现[J].电子测量技术,2015,38(8):119-122,128.
[18] 曾兴国,任福,杜清运,等.公众参与式地图制图服务的设计与实现[J].武汉大学学报(信息科学版),2013,38(8):950-953,997.
[19] 梅洋,李霖.顾及符号关系处理的地图符号库设计与实现[J].测绘通报,2007(8):66-70.

矢量瓦片支持下的在线交互可视化工具设计与实现

Design and Implementation of Online Interactive Visualization Tool Based on Vector Tiles

PDF

可视化

摘要/Abstract

引用本文

使用本文

参考文献

相关文章 15

编辑推荐

Metrics

本文评价

[1]	李国竣, 徐延海, 段杰文, 韩石磊. 利用局部自适应阈值方法提取ORB-SLAM特征点[J]. 测绘通报, 2021, 0(9): 32-36,48.
[2]	肖业伟, 谢小刚. 强跟踪抗差自适应滤波算法及其在无人机导航定位中的应用[J]. 测绘通报, 2021, 0(4): 64-67.
[3]	余正, 黄加坡, 陈袁芳, 陈炳蓉, 徐刚, 王晶, 龙程. 温州市新型冠状病毒肺炎时空分布格局演化分析[J]. 测绘通报, 2020, 0(7): 45-49,87.
[4]	熊春宝, 王猛, 于丽娜. 桥梁GNSS-RTK变形监测数据的多滤波联合去噪处理[J]. 测绘通报, 2020, 0(7): 93-96,142.
[5]	郭黎, 姜晶莉, 李豪, 王云阁. 多源地理空间矢量数据关联模型设计[J]. 测绘通报, 2020, 0(7): 97-102.
[6]	陆妍玲, 韦俊伶, 刘采玮, 李景文, 姜建武. 融合地磁/WiFi/PDR的自适应粒子滤波室内定位[J]. 测绘通报, 2020, 0(6): 1-6.
[7]	郭黎, 姜晶莉, 李豪, 王云阁. 多源地理空间矢量数据关联分析[J]. 测绘通报, 2020, 0(6): 71-76,86.
[8]	李亚丽, 张松林, 韩杰. 基于小波系数分割的局部自适应阈值图像去噪[J]. 测绘通报, 2020, 0(5): 43-46,122.
[9]	刘彦君, 张贵, 王潇, 周璀, 杨志高, 吴鑫, 张娟. 基于无人机高光谱影像波段选择的薇甘菊分类[J]. 测绘通报, 2020, 0(4): 34-39,52.
[10]	戚爽, 喻光继. 多级存储优化的大规模全局光照快速计算[J]. 测绘通报, 2020, 0(3): 64-68.
[11]	李国远, 王健, 刘秀涵, 孙文潇. 改进的自适应遗传算法支持下点云与BIM模型配准[J]. 测绘通报, 2020, 0(2): 160-162.
[12]	周立凡, 张世奇, 夏瑜, 钟珊, 龚声蓉. 基于间断自适应MRF的相位解缠算法[J]. 测绘通报, 2020, 0(12): 6-10,26.
[13]	夏竹君, 江文萍, 奚大平, 张定娆, 王莹. 区县级地名图集中符号的视觉层次设计——以《汕头市澄海区地名图集》为例[J]. 测绘通报, 2020, 0(12): 54-57,86.
[14]	陈楠, 张标. DLG数据更新中的拓扑关系自适应研究[J]. 测绘通报, 2020, 0(11): 99-103.
[15]	张园, 谭兴龙, 赵长胜, 李晓明. 顾及有色噪声的自适应粒子滤波UWB定位算法[J]. 测绘通报, 2019, 0(8): 30-33.