一种基于WebGIS的图元标绘系统设计方法及系统技术方案

本发明专利技术提供了一种基于WebGIS的图元标绘系统设计方法及系统，该方法包括分析现有WebGIS前端框架图元标绘的共性信息，采用开闭原则封装为标绘图元处理器，配置统一的API；基于Vue.js框架构建标绘图元UI适配器，封装标绘面板组件，标绘面板组件至少包括标绘图元属性、坐标和样式；采用开源JSON Schema构建图元数据格式处理器，将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器提供的API是否缺少必填参数，缺少必填参数时发送提示信息。本发明专利技术结合现有主流WebGIS前端框架图元标绘的共性特点，实现了图元标绘方式统一，标绘图元属性面板统一，大大的提高了开发效率。开发效率。开发效率。

【技术实现步骤摘要】
一种基于WebGIS的图元标绘系统设计方法及系统


[0001]本专利技术属于图元标绘
，尤其涉及一种基于WebGIS的图元标绘系统设计方法及系统。

技术介绍

[0002]WebGIS(网络地理信息系统)指基于Internet平台，客户端应用软件采用网络协议，运用在Internet上的地理信息系统。常见的WebGIS开源框架有：OpenLayers、Leaflet、MapBox、Cesium、OpenGL等。
[0003]实际项目中不同的应用场景选择不同的框架。例如，在二三维一体化项目中，二维选择Openlayers，三维选择Cesium。基于不同的WebGIS开源框架都要实现图元标绘功能，并且标绘图元数据要通过标绘面板展示。不同的WebGIS开源框架处理标绘图元的API、数据格式、事件交互方式各不相同。导致项目开发耗费巨大的技术成本。并且处理方式冗余，数据和视图更新DOM操作繁琐，不利于代码的维护，降低了开发效率。

技术实现思路

[0004]为了解决上述技术问题，本专利技术提供了一种基于WebGIS的图元标绘系统设计方法及系统，结合现有主流WebGIS前端框架图元标绘的共性特点，实现了图元标绘方式统一，标绘图元属性面板统一，大大的提高了开发效率。
[0005]本专利技术解决上述问题采用的技术方案如下：
[0006]本专利技术提供了一种基于WebGIS的图元标绘系统设计方法，包括如下步骤：
[0007]S1、分析现有WebGIS前端框架图元标绘的共性信息，采用开闭原则封装标绘图元处理器，配置统一的API；
[0008]S2、基于Vue.js框架构建标绘图元UI适配器，封装标绘面板组件，标绘面板组件至少包括标绘图元属性、坐标和样式；
[0009]S3、采用开源JSON Schema构建图元数据格式处理器，将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器提供的API是否缺少必填参数，缺少必填参数时发送提示信息。
[0010]进一步地，所述的共性信息为标绘图元必要参数，至少包括图元位置信息、图元类型、图元填充类型及颜色、地图信息。
[0011]进一步地，将共性信息在标绘图元处理器中至少设置为图元标绘创建基类、图元编辑基类、标绘图元样式基类。
[0012]进一步地，所述的标绘图元处理器配置的API至少包括获取图元要素、要素删除事件、要素定位事件、要素编辑事件、标绘面板关闭事件。
[0013]进一步地，所述的标绘图元UI适配器声明式渲染标绘面板组件各项参数，监听标绘面板组件各项参数值的变化，更新视图。
[0014]进一步地，所述的开源JSON Schema规则验证器，根据不同图元类型设置图元必填
参数，验证标绘图元处理器提供的API是否缺少必填参数。
[0015]本专利技术还提供了一种基于WebGIS的图元标绘系统，包括
[0016]标绘图元处理器，用于封装现有WebGIS前端框架图元标绘的共性信息，配置统一的API；
[0017]标绘图元UI适配器，用于通过标绘面板展示标绘图元属性、坐标和样式，基于Vue.js框架构建；
[0018]图元数据格式处理器，用于将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器API是否缺少必要参数，缺少必要参数时发送提示信息。
[0019]本专利技术还提供了一种终端，包括存储器和处理器，所述存储器中存储计算机程序，所述处理器被配置为执行存储器中的计算机程序，所述计算机程序被所述处理器执行时实现前述的基于WebGIS的图元标绘系统设计方法。
[0020]本专利技术的有益效果：
[0021]本专利技术提供了一种基于WebGIS的图元标绘系统设计方法及系统，封装了统一的标绘图元处理器(PlotManager)、图元UI适配器(PlotUIManager)和图元数据格式处理器(PlotDataManager)。提供支持包括图标点、运动点、文本、DIV点、圆、线、面、矩形、图片、军事标绘等多种标绘图元使用与管理，提供图元标绘管理、提供矢量数据的统一风格API调用和样式设置，可导出导入标准GeoJSON格式数据或者自定义JSON格式数据。采用本专利技术，开发人员无须关心使用的开源WebGIS底层绘图机制，就可以方便、高效地在地图上进行图元标绘系统开发，不仅节约了开发成本，也降低了地图与地图标绘之间的耦合度，提高了软件的可维护性。
附图说明
[0022]所包括的附图用来提供对本专利技术实施例的进一步的理解，其构成了说明书的一部分，用于例示本专利技术的实施例，并与文字描述一起来阐释本专利技术的原理。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0023]图1为本专利技术具体实施例提供的标绘面板组成示意图。
具体实施方式
[0024]下面结合附图，通过实施方式详细地描述本专利技术一种基于WebGIS的图元标绘系统设计方法及系统。
[0025]需要注意的是，这里所使用的术语仅是为了描述具体实施方式，而非意图限制根据本申请的示例性实施方式。除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本专利技术的范围。
[0026]作为本专利技术的一方面，提供了一种基于WebGIS的图元标绘系统，包括
[0027]标绘图元处理器，用于封装现有WebGIS前端框架图元标绘的共性信息，配置统一的API；
[0028]标绘图元UI适配器，用于通过标绘面板展示标绘图元属性、坐标和样式，基于Vue.js框架构建；
[0029]图元数据格式处理器，用于将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器API是否缺少必要参数，缺少必要参数时发送提示信息。
[0030]本专利技术封装了统一的标绘图元处理器、图元UI适配器和图元数据格式处理器，支持多种标绘图元使用与管理，提供图元标绘管理、提供矢量数据的统一风格API调用和样式设置，可导出导入标准GeoJSON格式数据或者自定义JSON格式数据。可以方便、高效地在地图上进行图元标绘系统开发，不仅节约了开发成本，也降低了地图与地图标绘之间的耦合度，提高了软件的可维护性。
[0031]作为本专利技术的又一方面，提供了一种基于WebGIS的图元标绘系统设计方法，包括如下步骤
[0032]S1、分析现有WebGIS前端框架图元标绘的共性信息，采用开闭原则封装为标绘图元处理器，配置统一的API；
[0033]S2、基于Vue.js框架构建标绘图元UI适配器，封装标绘面板组件，标绘面板组件至少包括标绘图元属性、坐标和样式；
[0034]S3、采用开源JSON Schema构建图元数据格式处理器，将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器提供的API是否缺少必填参数，缺少必填参本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于WebGIS的图元标绘系统设计方法，其特征在于，包括如下步骤：S1、分析现有WebGIS前端框架图元标绘的共性信息，采用开闭原则封装标绘图元处理器，配置统一的API；S2、基于Vue.js框架构建标绘图元UI适配器，封装标绘面板组件，标绘面板组件至少包括标绘图元属性、坐标和样式；S3、采用开源JSON Schema构建图元数据格式处理器，将输入数据转化为某一WebGIS前端框架标绘图元数据格式，验证标绘图元处理器提供的API是否缺少必填参数，缺少必填参数时发送提示信息。2.如权利要求1所述的图元标绘系统设计方法，其特征在于，所述的共性信息为标绘图元必要参数，至少包括图元位置信息、图元类型、图元填充类型及颜色、地图信息。3.如权利要求2所述的图元标绘系统设计方法，其特征在于，将共性信息在标绘图元处理器中至少设置为图元标绘创建基类、图元编辑基类、标绘图元样式基类。4.如权利要求3所述的图元标绘系统设计方法，其特征在于，所述的标绘图元处理器配置的API至少包括获取图元要素、要素删除事件、要素定位事件、要素编辑事件、标绘面板关闭事件。5....

【专利技术属性】
技术研发人员：刘同林，吴康，何云强，佘青，廖磊，张虎，曲胜志，
申请(专利权)人：北京机电工程研究所，
类型：发明
国别省市：