CN112612864B - 一种数据可视化展示的方法和终端 - Google Patents

Abstract

本发明提供了一种数据可视化展示的方法和终端，根据创建GIS组件请求生成GIS组件，并根据GIS组件生成的底图配置面板和图层配置面板分别修改底图和图层的参数，能够灵活地自定义视图样式，只需要在配置面板配置底图和图层对应的参数即可对数据进行展示，因此容易操作且提高了可视化展示的制作效率，现有技术中通常多采用Openlayer.js为地图引擎定制开发效果和数据接口，但存在门槛高、操作不灵活且在对参数进行修改时无法实时查看修改效果的问题，而本申请只需在配置面板上配置参数就可以自定义地图，实现简单、灵活且实时的数据可视化展示。

Description

一种数据可视化展示的方法和终端

技术领域

本发明涉及计算机数据可视化领域，特别是涉及一种数据可视化展示的方法和终端。

背景技术

随着数据的***式增长，需对数据进行分析，而原有的表格展示方式单调、不美观、无明显特征，已无法承担起大数据量分析结果的展示任务。基于以上原因，数据可视化展示、分析成为具有分析功能产品的必备要素。

因此一种综合型数据可视化***平台应运而生，该***用数据可视化技术，提供关系图、统计图、地图图表、GIS（Geographic Information System，地理信息***）地图等数据可视化接口，使结果数据映射为图形，并以此为基础提供多种在地理信息图上分析展示数据的方法和形式，用于展示基于空间维度上相关数据间的关系和统计展示。基于数据可视化***在智慧城市、智慧交通、指挥大屏等相关地理信息统计展示的应用，实现了通过空间维度展示具体统计结果，将基于地理位置的相关数据通过在具体的经纬度上绘制出图标、信息框、热力图等形式，更形象、精确的提供指导和决策作用。

在目前的数据可视化展示***中，虽已经有GIS地图，但都是结合具体使用场景，基于Openlayer、Leaflet、Mapbox、ArcGIS等地图引擎来定制开发效果和数据接口，使用门槛高且通用性不强。请参照图1的GIS产品实现流程，首先需要将GIS相关需求梳理，再交予研发人员进行理解，再选择相关技术后，进行定制性开发。如果需求有变动，则需要再次重复之前的过程，由此可以看出以下不足之处：

1.需求的整理涉及多个角色，且要准确理解；

2.门槛高，GIS效果的实现完全依赖于掌握了相关开发技能的人员才能制作出满足需求的展示效果；

3.不灵活，地图效果的更改，图层的添加，需要开发人员再次修改开发才能实现，需求变更还会导致重复返工的工作量和成本巨大；

4.成品效果的通用性低且使用效率低下；

5.不能实时预览，GIS及图层效果的修改无法在参数修改的同时查看效果。

发明内容

本发明所要解决的技术问题是：提供一种数据可视化展示的方法和终端，能够简单、灵活且实时地对数据实现可视化展示。

为了解决上述技术问题，本发明采用的技术方案为：

一种数据可视化展示的方法，包括步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图。

为了解决上述技术问题，本发明采用的另一种技术方案为：

一种数据可视化展示的终端，包括存储器、处理器以及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图。

本发明的有益效果在于：根据创建GIS组件请求生成GIS组件，并根据GIS组件生成的底图配置面板和图层配置面板分别修改底图和图层的参数，能够灵活地自定义视图样式，只需要在配置面板配置底图和图层对应的参数即可对数据进行展示，因此容易操作且提高了可视化展示的制作效率，现有技术中通常多采用Openlayer.js为地图引擎定制开发效果和数据接口，但存在门槛高、操作不灵活且在对参数进行修改时无法实时查看修改效果的问题，而本申请只需在配置面板上配置参数就可以自定义地图，实现简单、灵活且实时的数据可视化展示。

附图说明

图1为现有技术中GIS产品的实现流程图；

图2为本发明实施例的一种数据可视化展示的方法的流程图；

图3为本发明实施例的一种数据可视化展示的终端的示意图；

图4为本发明实施例的一种数据可视化展示的方法的GIS组件创建与配置面板配置样式的流程图；

图5为本发明实施例的一种数据可视化展示的方法的GIS组件设置底图滤镜与图层的示意图；

图6为本发明实施例的一种数据可视化展示的方法的图层数据接入的流程图。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

请参照图2，本发明实施例提供了一种数据可视化展示的方法，包括步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图。

从上述描述可知，本发明的有益效果在于：根据创建GIS组件请求生成GIS组件，并根据GIS组件生成的底图配置面板和图层配置面板分别修改底图和图层的参数，能够灵活地自定义视图样式，只需要在配置面板配置底图和图层对应的参数即可对数据进行展示，因此容易操作且提高了可视化展示的制作效率，现有技术中通常多采用Openlayer.js为地图引擎定制开发效果和数据接口，但存在门槛高、操作不灵活且在对参数进行修改时无法实时查看修改效果的问题，而本申请只需在配置面板上配置参数就可以自定义地图，实现简单、灵活且实时的数据可视化展示。

进一步地，所述接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数包括：

在所述底图配置面板和所述图层配置面板中分别设置对应的参数设置控件，通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的所述底图配置面板的底图参数和图层配置面板的图层参数。

由上述描述可知，控制底图配置面板和图层配置面板中的参数设置控件，能够简单方便地对底图和图层进行参数设置，并提高使用直观性。

进一步地，所述图层配置面板中包括图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的图层配置面板的图层参数包括：

通过所述图层添加控件接收图层添加请求，根据图层添加请求添加对应的图层；

通过所述图层类型选择控件接收图层类型选择请求，根据所述图层类型选择请求设置添加的图层的类型；

通过所述图层选中控件接收图层选择请求，根据所述图层选择请求选择对应的图层；

通过所述数据接口地址的配置控件接收数据接口地址配置请求，根据所述数据接口地址配置请求中的数据接口地址为所述选择的图层配置对应的数据接口地址；

所述根据设置的所述图层参数，实时更新并显示所述GIS组件的视图包括：

从所述配置的数据接口地址获取图层请求数据；

将所述图层请求数据基于所述图层的类型转换成对应格式的数据，根据所述对应格式的数据实时重绘并显示所述GIS组件的图层的内容。

由上述描述可知，图层配置面板中的图层添加控件便于直接对图层进行新增操作，图层类型选择控件便于直接选择图层的类型，图层选中控件便于对需要的图层进行选择，数据接口地址的配置控件便于获取图层所需的数据，因此上述四个控件满足图层配置的基本需求，并且实时更新修改后的图层内容，能够方便快捷地对图层进行修改。

进一步地，所述底图配置面板中包括瓦片地图接口地址的配置控件和底图滤镜配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的底图配置面板的底图参数包括：

通过所述瓦片地图接口地址的配置控件接收瓦片地图接口地址配置请求，根据所述瓦片地图接口地址配置请求中的瓦片地图接口地址为所述底图配置对应的瓦片地图接口地址；

通过所述底图滤镜配置控件接收底图滤镜配置请求，根据所述底图滤镜配置请求配置底图对应的滤镜；

所述根据设置的所述底图参数，实时更新并显示所述GIS组件的视图包括：

根据设置的所述底图参数，通过所述瓦片地图接口地址实时重绘并显示所述GIS组件的底图的瓦片地图数据，通过所述底图滤镜配置请求实时更新并显示所述GIS组件的底图滤镜。

由上述描述可知，底图配置面板中的瓦片地图接口地址的配置控件便于对瓦片地图进行更改，底图滤镜配置控件便于修改底图的样式，因此上述两个控件满足底图配置的基本需求，并且能够实时更新修改后的底图内容，实现底图修改的快捷与方便。

进一步地，所述从所述配置的数据接口地址获取图层请求数据包括：

判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数，若是，则接收输入的数据接口地址的请求参数，设置所述数据接口地址的请求频率并请求所述图层请求数据，若否，则直接设置所述数据接口地址的请求频率并请求所述图层请求数据；

判断是否获取到所述图层请求数据，若是，则将所述图层请求数据发送至所述GIS组件，若否，则返回判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数的步骤，直至获取到所述图层请求数据。

由上述描述可知，通过设置数据接口地址的请求参数和请求频率，请求获取图层请求数据，能够按设置的请求频率不断访问数据接口地址，便于及时更新图层请求数据，并且操作简单、使用门槛低。

请参照图3，本发明实施例提供了一种数据可视化展示的终端，包括存储器、处理器以及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图。

由上述描述可知，根据创建GIS组件请求生成GIS组件，并根据GIS组件生成的底图配置面板和图层配置面板分别修改底图和图层的参数，能够灵活地自定义视图样式，只需要在配置面板配置底图和图层对应的参数即可对数据进行展示，因此容易操作且提高了可视化展示的制作效率，现有技术中通常多采用Openlayer.js为地图引擎定制开发效果和数据接口，但存在门槛高、操作不灵活且在对参数进行修改时无法实时查看修改效果的问题，而本申请只需在配置面板上配置参数就可以自定义地图，实现简单、灵活且实时的数据可视化展示。

进一步地，所述接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数包括：

在所述底图配置面板和所述图层配置面板中分别设置对应的参数设置控件，通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的所述底图配置面板的底图参数和图层配置面板的图层参数。

由上述描述可知，控制底图配置面板和图层配置面板中的参数设置控件，能够简单方便地对底图和图层进行参数设置，并提高使用直观性。

进一步地，所述图层配置面板中包括图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的图层配置面板的图层参数包括：

通过所述图层添加控件接收图层添加请求，根据图层添加请求添加对应的图层；

通过所述图层类型选择控件接收图层类型选择请求，根据所述图层类型选择请求设置添加的图层的类型；

通过所述图层选中控件接收图层选择请求，根据所述图层选择请求选择对应的图层；

通过所述数据接口地址的配置控件接收数据接口地址配置请求，根据所述数据接口地址配置请求中的数据接口地址为所述选择的图层配置对应的数据接口地址；

所述根据设置的所述图层参数，实时更新并显示所述GIS组件的视图包括：

从所述配置的数据接口地址获取图层请求数据；

将所述图层请求数据基于所述图层的类型转换成对应格式的数据，根据所述对应格式的数据实时重绘并显示所述GIS组件的图层的内容。

由上述描述可知，图层配置面板中的图层添加控件便于直接对图层进行新增操作，图层类型选择控件便于直接选择图层的类型，图层选中控件便于对需要的图层进行选择，数据接口地址的配置控件便于获取图层所需的数据，因此上述四个控件满足图层配置的基本需求，并且实时更新修改后的图层内容，能够方便快捷地对图层进行修改。

进一步地，所述底图配置面板中包括瓦片地图接口地址的配置控件和底图滤镜配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的底图配置面板的底图参数包括：

通过所述瓦片地图接口地址的配置控件接收瓦片地图接口地址配置请求，根据所述瓦片地图接口地址配置请求中的瓦片地图接口地址为所述底图配置对应的瓦片地图接口地址；

通过所述底图滤镜配置控件接收底图滤镜配置请求，根据所述底图滤镜配置请求配置底图对应的滤镜；

所述根据设置的所述底图参数，实时更新并显示所述GIS组件的视图包括：

根据设置的所述底图参数，通过所述瓦片地图接口地址实时重绘并显示所述GIS组件的底图的瓦片地图数据，通过所述底图滤镜配置请求实时更新并显示所述GIS组件的底图滤镜。

由上述描述可知，底图配置面板中的瓦片地图接口地址的配置控件便于对瓦片地图进行更改，底图滤镜配置控件便于修改底图的样式，因此上述两个控件满足底图配置的基本需求，并且能够实时更新修改后的底图内容，实现底图修改的快捷与方便。

进一步地，所述从所述配置的数据接口地址获取图层请求数据包括：

判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数，若是，则接收输入的数据接口地址的请求参数，设置所述数据接口地址的请求频率并请求所述图层请求数据，若否，则直接设置所述数据接口地址的请求频率并请求所述图层请求数据；

判断是否获取到所述图层请求数据，若是，则将所述图层请求数据发送至所述GIS组件，若否，则返回判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数的步骤，直至获取到所述图层请求数据。

由上述描述可知，通过设置数据接口地址的请求参数和请求频率，请求获取图层请求数据，能够按设置的请求频率不断访问数据接口地址，便于及时更新图层请求数据，并且操作简单、使用门槛低。

本发明上述一种数据可视化展示适用于各种基于GIS的数据可视化场景，特别适用于需要操作简单、灵活且能够实时展示的数据可视化场景，以下通过具体实施方式进行说明：

实施例一

请参照图2，本实施例为一种数据可视化展示的方法，包括步骤：

S1、接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

具体的，在本实施例中，从组件列表中选中GIS组件，将其拖拽至编辑区，编辑区生成GIS组件；

S2、根据所述生成的GIS组件生成底图配置面板和图层配置面板；

具体的，在本实施例中，点击选中生成的GIS组件，根据组件配置参数生成底图配置面板和图层配置面板；

S3、接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

其中，在所述底图配置面板和所述图层配置面板中分别设置对应的参数设置控件，通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的所述底图配置面板的底图参数和图层配置面板的图层参数；

其中，所述图层配置面板中包括图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的图层配置面板的图层参数包括：

通过所述图层添加控件接收图层添加请求，根据图层添加请求添加对应的图层；

通过所述图层类型选择控件接收图层类型选择请求，根据所述图层类型选择请求设置添加的图层的类型；

通过所述图层选中控件接收图层选择请求，根据所述图层选择请求选择对应的图层；

通过所述数据接口地址的配置控件接收数据接口地址配置请求，根据所述数据接口地址配置请求中的数据接口地址为所述选择的图层配置对应的数据接口地址；

具体的，图层添加控件中可添加一个新的图层，并输入图层的名称；

图层类型选择控件中包括点、气泡、信息框、飞行线和热力图等图层类型，选择图层类型后，图层配置面板中的参数切换为选中图层类型对应的参数；

图层选中控件中选中图层后对图层参数进行修改，通过拖拽中滑块修改数值类参数，通过鼠标点选颜色块等选择类参数，如果选中的图层需要移除，通过删除按钮移除选中的图层；

数据接口地址的配置控件中接收数据接口地址配置请求，并为选中的图层配置数据接口地址；

其中，所述底图配置面板中包括瓦片地图接口地址的配置控件和底图滤镜配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的底图配置面板的底图参数包括：

通过所述瓦片地图接口地址的配置控件接收瓦片地图接口地址配置请求，根据所述瓦片地图接口地址配置请求中的瓦片地图接口地址为所述底图配置对应的瓦片地图接口地址；

通过所述底图滤镜配置控件接收底图滤镜配置请求，根据所述底图滤镜配置请求配置底图对应的滤镜；

具体的，瓦片地图接口地址的配置控件中将获取到的瓦片地图接口地址，更换GIS底图中的瓦片地图，且支持离线瓦片地图接口地址和在线瓦片地图接口地址；底图滤镜配置控件包括底图模糊、亮度、灰化、对比度、色彩旋转、反色图像、透明度、饱和度和褐色化等底图滤镜配置参数，各参数可通过左右拖拽滑块调整；

S4、根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图；

其中，所述根据设置的所述图层参数，实时更新并显示所述GIS组件的视图包括：

从所述配置的数据接口地址获取图层请求数据；

将所述图层请求数据基于所述图层的类型转换成对应格式的数据，根据所述对应格式的数据实时重绘并显示所述GIS组件的图层的内容；

所述根据设置的所述底图参数，实时更新并显示所述GIS组件的视图包括：

根据设置的所述底图参数，通过所述瓦片地图接口地址实时重绘并显示所述GIS组件的底图的瓦片地图数据，通过所述底图滤镜配置请求实时更新并显示所述GIS组件的底图滤镜。

具体的，请参照图4，接收创建GIS组件请求后，在组件列表中选中GIS组件，将GIS组件拖拽进入编辑区，松开鼠标后即生成GIS组件，选中GIS组件对其进行缩放和移动操作，在GIS组件中配置面板属性后生成底图配置面板和图层配置面板；

进入底图配置面板，其中，底图在GIS组件初始化时预置了1级到3级离线瓦片地图数据和底图的基础参数配置，判断是否切换底图，若是，则通过编辑瓦片地图接口地址切换底图，若否，则不对瓦片地图接口地址进行修改，判断是否添加滤镜，若是，则通过可视化界面设置底图的模糊度、亮度、灰化、对比度、色彩旋转、反色图像、透明度、饱和度和褐色化等滤镜参数，参数设置结束后更新GIS组件视图，若否，则直接更新GIS组件视图；

进入图层配置面板，判断是否添加图层，若否，则直接更新GIS组件视图，若是，则在图层类型选择控件中选择图层类型，其中图层类型包括点、气泡、信息、飞行线、热力图、统计图表和模型，输入图层名称，判断图层名称是否存在，若是，则返回输入图层名称步骤，若否，则选择需要修改的图层，按照图层的类型可视化界面生成对应的参数设置控件，对参数进行设置的过程中同时预览参数设置效果，参数设置结束后更新GIS组件视图，在选择需要修改的图层后还能够将图层删除，删除后判断是否要重新添加图层，若是，则返回判断是否添加图层步骤，若否，则更新GIS组件视图；进入图层配置面板后还能够选择再次添加图层，图层类型为上一个添加的图层类型，并进入输入图层名称步骤；

在底图配置面板未设置滤镜且未添加图层时，GIS组件中只展示瓦片地图的内容，请参照图5，在底图配置面板中对底图滤镜配置控件进行设置，并且添加图层后，能够在GIS组件中基于地理信息展示数据内容，实现数据可视化展示；

具体的，在本实施例中，GIS组件利用Vue.js实现数据、样式配置的双向绑定，当配置参数数据修改时，GIS组件检测到参数变化时立刻响应变化，重绘展示效果，同时当鼠标在组件中进行点击，移动，缩放，倾斜等操作时，响应的配置参数同步进行更改；选用地图引擎Maptalks.js，使用Maptalks.js加载瓦片地图、设置样式和绘制图层，简化了***的复杂度，通过直观、实时的修改效果展示，提高了地理信息数据展示的效率。

实施例二

本实施例与实施例一的不同在于，进一步限定了图层中数据接入的方法：

其中，所述从所述配置的数据接口地址获取图层请求数据包括：

判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数，若是，则接收输入的数据接口地址的请求参数，设置所述数据接口地址的请求频率并请求所述图层请求数据，若否，则直接设置所述数据接口地址的请求频率并请求所述图层请求数据；

判断是否获取到所述图层请求数据，若是，则将所述图层请求数据发送至所述GIS组件，若否，则返回判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数的步骤，直至获取到所述图层请求数据；

具体的，请参照图6，选中需要的图层后，查看接口返回数据的格式示例，其中使用API接口地址传输数据，统一API接口地址返回数据的格式为{KEYS:[{KEY : 'KEY1' , DES :'NAME1',},{KEY : 'KEY2' , DES :'NAME2',},……]，VALUES:[{KEY1 : 'VALUE1' , KEY2 :'VALUE2',},{KEY1 : 'VALUE3' , KEY2 : 'VALUE4',},……]}，根据API接口地址的格式填入API接口地址后，设置图层数据的请求频率或请求类型、请求参数等参数，具体的，判断是否需要输入请求参数，若是，则在JSON编辑器中输入参数和请求频率，若否，则直接设置请求频率，请求频率默认为3秒1次，请求信息设置完成后请求图层数据接口，判断是否获得图层请求数据，若是测将数据传送给GIS组件，若否则返回上述判断是否需要输入请求参数步骤，直至获取到图层请求数据；或者，本实施例还可以根据GIS地图窗口区域边界获取图层请求数据；

其中，API接口请求地址默认为GET方式请求；

GIS组件获取到接口返回的数据后，根据图层名称和类型的不同转换成对应的数据格式，能够转换的数据格式如：点/图标类型数据、气泡类型数据、信息框类型数据、图表/热力图类型数据、模型类型数据和其他展现形式所需数据格式，根据图层名称和类型定位到指定图层，调用更新图层的方法保存配置的参数信息并更新GIS视图，在界面打开时根据参数信息重新渲染界面。

实施例三

请参照图3，一种数据可视化展示的终端，包括存储器、处理器以及存储在所述存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现实施例一或实施例二中的数据可视化展示方法的各个步骤。

综上所述，本发明提供的一种数据可视化展示的方法和终端，根据创建GIS组件请求生成GIS组件，并根据GIS组件生成的底图配置面板和图层配置面板分别修改底图和图层的参数，能够灵活地自定义视图样式，只需要在配置面板配置底图和图层对应的参数即可对数据进行展示，因此容易操作且提高了可视化展示的制作效率，其中，图层配置面板中设置了图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件，满足图层配置的基本需求，并且实时更新修改后的图层内容，能够方便快捷地对图层进行修改，底图配置面板中的瓦片地图接口地址的配置控件便于对瓦片地图进行更改，底图滤镜配置控件便于修改底图的样式，满足底图配置的基本需求，以便快捷与方便地修改底图，并且通过设置数据接口地址的请求参数和请求频率，请求获取图层请求数据，能够按设置的请求频率不断访问数据接口地址，便于及时更新图层请求数据，并且操作简单、使用门槛低，现有技术中通常多采用Openlayer.js为地图引擎定制开发效果和数据接口，但存在门槛高、操作不灵活且在对参数进行修改时无法实时查看修改效果的问题，而本申请只需在配置面板上配置参数就可以自定义地图，实现简单、灵活且实时的数据可视化展示。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (4)

1.一种数据可视化展示的方法，其特征在于，包括步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图；

所述接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数包括：

在所述底图配置面板和所述图层配置面板中分别设置对应的参数设置控件，通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的所述底图配置面板的底图参数和图层配置面板的图层参数；

所述图层配置面板中包括图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的图层配置面板的图层参数包括：

通过所述图层添加控件接收图层添加请求，根据图层添加请求添加对应的图层；

通过所述图层类型选择控件接收图层类型选择请求，根据所述图层类型选择请求设置添加的图层的类型；

通过所述图层选中控件接收图层选择请求，根据所述图层选择请求选择对应的图层；

通过所述数据接口地址的配置控件接收数据接口地址配置请求，根据所述数据接口地址配置请求中的数据接口地址为所述选择的图层配置对应的数据接口地址；

所述根据设置的所述图层参数，实时更新并显示所述GIS组件的视图包括：

从所述配置的数据接口地址获取图层请求数据；

将所述图层请求数据基于所述图层的类型转换成对应格式的数据，根据所述对应格式的数据实时重绘并显示所述GIS组件的图层的内容；

所述底图配置面板中包括瓦片地图接口地址的配置控件和底图滤镜配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的底图配置面板的底图参数包括：

通过所述瓦片地图接口地址的配置控件接收瓦片地图接口地址配置请求，根据所述瓦片地图接口地址配置请求中的瓦片地图接口地址为所述底图配置对应的瓦片地图接口地址；

通过所述底图滤镜配置控件接收底图滤镜配置请求，根据所述底图滤镜配置请求配置底图对应的滤镜；

所述根据设置的所述底图参数，实时更新并显示所述GIS组件的视图包括：

根据设置的所述底图参数，通过所述瓦片地图接口地址实时重绘并显示所述GIS组件的底图的瓦片地图数据，通过所述底图滤镜配置请求实时更新并显示所述GIS组件的底图滤镜。

2.根据权利要求1所述的一种数据可视化展示的方法，其特征在于，所述从所述配置的数据接口地址获取图层请求数据包括：

判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数，若是，则接收输入的数据接口地址的请求参数，设置所述数据接口地址的请求频率并请求所述图层请求数据，若否，则直接设置所述数据接口地址的请求频率并请求所述图层请求数据；

判断是否获取到所述图层请求数据，若是，则将所述图层请求数据发送至所述GIS组件，若否，则返回判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数的步骤，直至获取到所述图层请求数据。

3.一种数据可视化展示的终端，包括存储器、处理器以及存储在所述存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现以下步骤：

接收创建GIS组件请求，根据所述创建GIS组件请求生成GIS组件；

根据所述生成的GIS组件生成底图配置面板和图层配置面板；

接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数；

根据设置的所述底图参数和图层参数，实时更新并显示所述GIS组件的视图；

所述接收参数设置请求，根据所述参数设置请求设置所述底图配置面板的底图参数和图层配置面板的图层参数包括：

在所述底图配置面板和所述图层配置面板中分别设置对应的参数设置控件，通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的所述底图配置面板的底图参数和图层配置面板的图层参数；

所述图层配置面板中包括图层添加控件、图层类型选择控件、图层选中控件和数据接口地址的配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的图层配置面板的图层参数包括：

通过所述图层添加控件接收图层添加请求，根据图层添加请求添加对应的图层；

通过所述图层类型选择控件接收图层类型选择请求，根据所述图层类型选择请求设置添加的图层的类型；

通过所述图层选中控件接收图层选择请求，根据所述图层选择请求选择对应的图层；

通过所述数据接口地址的配置控件接收数据接口地址配置请求，根据所述数据接口地址配置请求中的数据接口地址为所述选择的图层配置对应的数据接口地址；

所述根据设置的所述图层参数，实时更新并显示所述GIS组件的视图包括：

从所述配置的数据接口地址获取图层请求数据；

将所述图层请求数据基于所述图层的类型转换成对应格式的数据，根据所述对应格式的数据实时重绘并显示所述GIS组件的图层的内容；

所述底图配置面板中包括瓦片地图接口地址的配置控件和底图滤镜配置控件；

所述通过所述参数设置控件接收参数设置请求，根据所述参数设置请求设置对应的底图配置面板的底图参数包括：

通过所述瓦片地图接口地址的配置控件接收瓦片地图接口地址配置请求，根据所述瓦片地图接口地址配置请求中的瓦片地图接口地址为所述底图配置对应的瓦片地图接口地址；

通过所述底图滤镜配置控件接收底图滤镜配置请求，根据所述底图滤镜配置请求配置底图对应的滤镜；

所述根据设置的所述底图参数，实时更新并显示所述GIS组件的视图包括：

根据设置的所述底图参数，通过所述瓦片地图接口地址实时重绘并显示所述GIS组件的底图的瓦片地图数据，通过所述底图滤镜配置请求实时更新并显示所述GIS组件的底图滤镜。

4.根据权利要求3所述的一种数据可视化展示的终端，其特征在于，所述从所述配置的数据接口地址获取图层请求数据包括：

判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数，若是，则接收输入的数据接口地址的请求参数，设置所述数据接口地址的请求频率并请求所述图层请求数据，若否，则直接设置所述数据接口地址的请求频率并请求所述图层请求数据；

判断是否获取到所述图层请求数据，若是，则将所述图层请求数据发送至所述GIS组件，若否，则返回判断所述数据接口地址中是否需要设置所述数据接口地址的请求参数的步骤，直至获取到所述图层请求数据。

Images