百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

面向在线制图的矢量数据组织模型(面向在线制图的矢量数据组织模型有哪些)

zhezhongyun 2025-01-24 14:46 29 浏览

摘 要

为了实现交互性强的实时按需在线制图,该文提出了一个基于矢量瓦片的矢量数据组织模型。依据矢量瓦片格式规范组织已有的矢量数据并生成配置文件,然后按照配置文件生成矢量瓦片并存储,为在线制图提供数据服务。实验表明,运用该模型可以实现实时按需在线制图,且渲染速度较快,渲染效果良好。

引用格式

李静,周治武,朱秀丽.面向在线制图的矢量数据组织模型[J].测绘科学,2018,43(2):142-148.

正文

数据管理、空间分析和制图可视化是地理信息系统的三大核心功能,制图可视化作为三大功能之一,经历了手工制图、单机桌面编辑与制图、到现今正在发展与完善的在线制图过程[1-2],对于单机桌面编辑与制图,虽然运用桌面GIS系统可以实现对地理数据的实时渲染,但是桌面GIS系统对平台的依赖较大,不利于数据的共享,且每次改变地图样式或变更显示区域(平移、放大、缩小)时都需要对全部数据重新渲染,当数据量较大时,渲染耗时较长。在线制图可以跨越多个平台,且可以通过网络方便快捷地实现数据共享,但是目前的在线制图平台大多只限制于专题图的制作,主要是将专题数据按预定义的模板进行符号化,然后与预设的栅格底图融合。由于采用的是预定义的模板,该方法生成的地图仍然是“预制品”,是预先设计好的,所谓的“动态”仅仅体现在用户基于预制的有限模板定制地图,并不是完全意义上的实时按需在线制图[3],并不能完全满足实时在线制图的需求。要实现真正的实时按需在线制图,必须是对全要素矢量数据进行渲染。

浏览器技术的发展以及HTML5技术的出现解决了矢量数据在线绘制的难题,使矢量绘图不再依赖于第三方的拓展插件,为矢量数据的渲染提供了便捷的解决方案,矢量数据渲染技术开始在在线制图方面崭露头角。文献[4]提出用户根据地图的比例尺及范围从数据库服务器中查询数据,并将数据返回给应用服务器做渲染和符号化处理后生成一个SVG文件,并利用HTML5技术使其显示在客户端。文献[5]提出利用Geoserver发布WMS、WFS服务,客户端向服务器请求数据,并将服务器返回的GML/XML格式的矢量数据利用HTML5“”标签直接绘制在浏览器上。但是,在上述的应用中,当用户与客户端交互时,服务器端将频繁进行查询操作获取数据,从而消耗大量资源,导致系统响应缓慢。在大数据量或高并发情况下,甚至还会令服务器因负载过重而失去响应。为此,本文借鉴瓦片的思想,将基于矢量瓦片格式规范组织的源数据按照一定的规则划分成矢量瓦片,并对矢量瓦片进行组织、存储,形成矢量瓦片金字塔,为在线制图提供数据服务。当显示区域被首次渲染时,客户端向服务器端发起获取显示范围内瓦片数据的请求,并将获取到的瓦片数据缓存在本地,再次渲染显示区域时,客户端直接从缓存中调用。这样,既实现了实时在线制图,又减少了查询操作和数据传输量,大大提高了在线制图的交互性能。

传统的瓦片技术是将渲染后的地图切分成图片形式的瓦片,客户端接收到的是栅格图片,而不是矢量数据。文献[6]提出了一种应用于网络的矢量数据高效传输方法-矢量数据瓦片化,该方法将需要用于传输的矢量数据根据一定规则划分成若干个小数据单元进行传输,各个数据单元的传输相互独立,这样的矢量数据单元便称之为矢量瓦片。不同于传统栅格瓦片只包含像素信息且分辨率(98 dpi)不能满足地图印刷对分辨率的要求(300 dpi),矢量瓦片中存储的是地理要素的坐标信息与属性信息,可以根据自定义的地图样式对其进行重新渲染,输出高分辨率的地图[7]

矢量瓦片的广阔应用前景使国内外很多公司对矢量瓦片技术进行了积极的探索,并针对矢量瓦片的格式制订了相关规范,如TileStache提出的支持OGR数据源的基于GeoJSON格式的矢量瓦片,Mapbox公司提出的Mapbox Vector Tile[8]格式的矢量瓦片等。其中Mapbox Vector Tile是主要应用于客户端或服务端高效渲染或查询要素信息的节省存储空间的编码规范。

为了实现实时在线制图,本文提出了基于矢量瓦片的矢量数据多尺度组织模型。本模型主要包括两部分:源数据的组织和矢量瓦片的生成与存储。矢量瓦片格式规范是源数据的组织依据,源数据的组织是瓦片生成的基础,为矢量瓦片的生成提供数据来源与配置信息,生成矢量瓦片为在线制图提供数据服务。

源数据作为矢量瓦片的数据基础,决定着矢量瓦片的内容;为了实现矢量瓦片的在线制图,源数据的组织要参照矢量瓦片的格式规范,两者既相互限制又互为依托,组成了基于矢量瓦片的矢量数据多尺度组织模型。本文针对在线制图问题研究了矢量瓦片的格式规范、矢量瓦片的数据源的组织、瓦片的生成与存储,提出了基于矢量瓦片的矢量数据组织模型,并对运用该模型生成的矢量瓦片的渲染速率和渲染效果进行了简单试验。实验表明,矢量瓦片渲染时间的长短与瓦片大小与显示内容成正比,使用矢量瓦片进行在线制图,可以实时改变地图符号样式,且渲染速度较快,渲染效果良好,是一种新的地图制图与可视化方式。但在实际应用中还有很多方面需要改进。1) 瓦片生成过程中,可以根据显示级别进行地图的自动综合,进一步减小瓦片大小,使切片过程更加自动化,不同尺度切片过渡更加平滑。2) 瓦片服务器端可以缓存热门访问区域的矢量瓦片,优化瓦片服务架构,提高瓦片调度效率。3) 改进矢量瓦片的结构,实现在线空间分析。

2018年(第43卷)第2期

往期热点文章

编辑:邓国臣 dc_217@126.com

《测绘科学》

主管:国家测绘地理信息局

主办:中国测绘科学研究院

出版:科学出版社

邮箱:niu@casm.ac.cn

网站:http://chkd.cbpt.cnki.net

感谢关注、点赞、留言、转发

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...