基于网页数字地球的矢量瓦片绘制方法、装置和设备制造方法及图纸

本公开的实施例提供了一种基于网页数字地球的矢量瓦片绘制方法。所述方法包括：通过前端调度算法确定需要显示的瓦片列表；向瓦片服务器请求需要显示的瓦片数据，并对所述瓦片数据进行解析，得到矢量图形数据和属性数据；将所述矢量图形数据进行渲染以生成瓦片图像，并利用所述瓦片图像和所述瓦片数据构建瓦片对象；通过所述瓦片对象接收用户的点选查询，并基于查询结果和点选样式来更新瓦片图像。本公开结合了前端三维引擎对图像渲染能力的高效性和后台对属性查询的响应快捷性，在高效绘制矢量数据的同时，保持矢量数据的样式定制及点选属性查询功能。点选属性查询功能。点选属性查询功能。

【技术实现步骤摘要】
基于网页数字地球的矢量瓦片绘制方法、装置和设备


[0001]本公开涉及地理信息系统可视化领域，尤其涉及一种基于网页数字地球的矢量瓦片绘制方法。

技术介绍

[0002]近年来，随着遥感信息技术、互联网技术、计算机技术的飞速发展，作为Internet技术应用于GIS开发的产物，WebGIS也得到了快速发展和普及。其中数字地球技术是WebGIS应用的一个重要组成部分。数字地球可以承载海量GIS数据，融合显示各行各业的生产生活数据，且可以从时间和空间不同维度，展示地球地貌真实状况。
[0003]数字地球所承载的基础数据分为影像数据和矢量数据两大类。对于数据量庞大的矢量数据而言，不仅是前端的渲染能力无法应对，通过网络传输的数据也会增加延迟。为了对矢量数据进行瘦身，矢量瓦片(tile)应运而生。类似于影像数据的重采样，对矢量数据也可以进行抽稀分层，将矢量数据切分成矢量瓦片，每个瓦片的数据量明显较小。
[0004]矢量瓦片数据的应用会导致前端显示在渲染矢量数据时的方式发生更改。首先，前端显示需要数据调度算法来完成对矢量瓦片的调度，即计算当前哪些瓦片需要显示，哪些瓦片需要删除或消隐；其次，完整的矢量对象可能被切分成零散的部分，需要考虑进行渲染才能保证绘制出来的矢量对象呈现为整体，还需要保证矢量数据可以被点选和查询属性信息，实现基于矢量数据之上的各种应用功能的运行。
[0005]为实现矢量瓦片的渲染，一种解决方案是共享影像瓦片调度的结果，获取当前需要显示或删除的瓦片编号，根据显示的瓦片编号来请求矢量瓦片，将请求到的矢量瓦片数据解析成矢量对象数据，绘制矢量点、线或者面，而需要删除的矢量瓦片编号，则查找对应编号的矢量对象，移出绘制列表或者隐藏它以作缓冲。这种方式保证了矢量数据的特性，可以实现点选和属性查询功能，但由于瓦片之间存在部分区域交叠，对于点矢量可能产生重复绘制的问题，而对于线面对象也可能产生绘制区域叠加现象。另外，瓦片从调度到绘制过程时延较高，可视化体验比较差。另一种解决方案是在前端继续使用影像瓦片数据的调度算法来调度矢量瓦片，向服务端请求瓦片，而在服务端将被请求的矢量瓦片绘制成透明图像数据，再传递给前端，前端应用则把它当成影像瓦片数据进行渲染显示。由于绝大部分的工作是由服务端完成，因此不受前端软硬件环境的限制，但是不具备矢量数据的点选和属性查询功能，同时也缺少基于矢量数据的所有功能应用。综上所述，现有方案无法兼顾显示性能问题和矢量数据的功能应用。

技术实现思路

[0006]为实现矢量数据的高效绘制，同时保持矢量数据的样式定制及点选属性查询功能，本公开提供了一种基于网页数字地球的矢量瓦片高效绘制方法、装置、设备以及存储介质。
[0007]根据本公开的第一方面，提供了一种基于网页数字地球的矢量瓦片高效绘制方
法。该方法包括：
[0008]S1、通过前端调度算法确定需要显示的瓦片列表；
[0009]S2、向瓦片服务器请求需要显示的瓦片数据，并对所述瓦片数据进行解析，得到矢量图形数据和属性数据；
[0010]S3、将所述矢量图形数据进行渲染以生成瓦片图像，并利用所述瓦片图像和所述瓦片数据构建瓦片对象；
[0011]S4、通过所述瓦片对象接收用户的点选查询，并基于查询结果和点选样式来更新瓦片图像。
[0012]如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，所述将所述矢量图形数据进行渲染以生成瓦片图像，进一步包括：
[0013]在所述网页数字地球中利用浏览器canvas绘制体对矢量图形进行基于二维图像的绘制，并采用局部坐标系绘制所述矢量瓦片。
[0014]如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，其中所述通过瓦片对象接收用户的点选查询，进一步包括：
[0015]通过所述瓦片对象接收用户的点选位置参数，当存在被选中的矢量对象时，将选中的矢量对象采用点选的样式来绘制。
[0016]如上所述的方面和任一可能的实现方式，进一步提供一种实现方式，不同矢量瓦片图层中瓦片编号相同的矢量瓦片共享同一个瓦片图像。
[0017]根据本公开的第二方面，提供了一种基于网页数字地球的矢量瓦片绘制装置。该装置包括：
[0018]瓦片确定模块，用于通过前端调度算法确定需要显示的瓦片列表；
[0019]瓦片数据获取模块，用于向瓦片服务器请求需要显示的瓦片数据，并对所述瓦片数据进行解析，得到矢量图形数据和属性数据；
[0020]渲染构建模块，用于将所述矢量图形数据进行渲染以生成瓦片图像，并利用所述瓦片图像和所述瓦片数据构建瓦片对象；
[0021]交互更新模块，用于通过所述瓦片对象接收用户的点选查询，并基于查询结果和点选样式来更新瓦片图像。
[0022]根据本公开的第三方面，提供了一种电子设备。该电子设备包括：存储器和处理器，所述存储器上存储有计算机程序，所述处理器执行所述程序时实现如以上所述的方法。
[0023]根据本公开的第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如根据本公开的第一方面和/或第二发面的方法。
[0024]本公开的有益效果是：在可视化效率方面，将矢量瓦片绘制图片的功能从服务端变更到前端进行绘制，并且采用多图层数据共享绘制同一个瓦片图像的方式，在将前端资源利用最大化的同时，保证了瓦片图像和矢量数据的渲染绘制的高效性。在功能方面，前端可以快速更改矢量数据的显示样式，达到矢量数据样式可定制的能力，而且保留了矢量数据本身所支持的点选查询特性，为基于矢量数据的其他高级功能的正常运行提供了基础。
[0025]应当理解，
技术实现思路
部分中所描述的内容并非旨在限定本公开的实施例的关键或重要特征，亦非用于限制本公开的范围。本公开的其它特征将通过以下的描述变得容易理解。
附图说明
[0026]结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。附图用于更好地理解本方案，不构成对本公开的限定在附图中，相同或相似的附图标记表示相同或相似的元素，其中：
[0027]图1示出了根据本公开的实施例的基于网页数字地球的矢量瓦片绘制方法的流程图；
[0028]图2示出了根据本公开的实施例的矢量瓦片绘制过程的示意图；
[0029]图3示出了根据本公开的实施例的瓦片数据的组织结构示意图；
[0030]图4示出了根据本公开的实施例的瓦片图像渲染和瓦片对象构建过程的示意图；
[0031]图5示出了根据本公开的实施例将瓦片编号相同的矢量瓦片图形数据绘制到同一瓦片图像的流程图；
[0032]图6示出了根据本公开实施例的基于网页数字地球的矢量瓦片绘制装置的框图；
[0033]图7示出了能够实施本公开的实施例的示例性电子设备的框图。
具体实施方式
[0034]为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于网页数字地球的矢量瓦片绘制方法，其特征在于，包括以下步骤：S1、通过前端调度算法确定需要显示的瓦片列表；S2、向瓦片服务器请求需要显示的瓦片数据，并对所述瓦片数据进行解析，得到矢量图形数据和属性数据；S3、将所述矢量图形数据进行渲染以生成瓦片图像，并利用所述瓦片图像和所述瓦片数据构建瓦片对象；S4、通过所述瓦片对象接收用户的点选查询，并基于查询结果和点选样式来更新瓦片图像。2.根据权利要求1所述的基于网页数字地球的矢量瓦片绘制方法，其中，所述将所述矢量图形数据进行渲染以生成瓦片图像，进一步包括：在所述网页数字地球中利用浏览器canvas绘制体对矢量图形进行基于二维图像的绘制，并采用局部坐标系绘制所述矢量瓦片。3.根据权利要求1所述的基于网页数字地球的矢量瓦片绘制方法，其特征在于，所述通过瓦片对象接收用户的点选查询，进一步包括：通过所述瓦片对象接收用户的点选位置参数，当存在被选中的矢量对象时，将选中的矢量对象采用点选的样式来绘制。4.根据权利要求1所述的基于网页数字地球的矢量瓦片绘制方法，其特征在于，不同矢量瓦片图层中瓦片编号相同的矢量瓦片共享同一个瓦片图像。5.一种基于网页数字地球的矢量瓦片绘制装置，其特征在于，包括：瓦片确定模块，用于通过前端调度算法确定需要显示的瓦片列表；瓦片数据获取模块，用于向瓦片服务器请求需要显示的瓦片数据，并对所述瓦片数据进行解析，得到矢量图形数据和属性数...

【专利技术属性】
技术研发人员：曾刚，曾飞传，谢国钧，朱王璋，
申请(专利权)人：中科星图股份有限公司，
类型：发明
国别省市：