一种基于Vue的WebGIS的可视化配置方法和系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112434117A(43)申请公布日2021.03.02(21)申请号202011221876.0(22)申请日2020.11.05(71)申请人广州和辰信息科技有限公司地址510000广东省广州市番禺区沙头街禺山西路329号4座1栋1407、1408(72)发明人黄剑华刘辉赵瑞祥梁生红(74)专利代理机构广州名扬高玥专利代理事务所(普通合伙)44738代理人武丽华(51)Int.Cl.G06F16/29(2019.01)G06F16/957(2019.01)权利要求书2页说明书5页附图2页(54)发明名称一种基于Vue的WebGIS的可视化配置方法和系统(57)摘要本发明公开了一种基于Vue的WebGIS的可视化配置方法，一种基于Vue的WebGIS的可视化配置的方法和系统，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；模块管理器对不同WebGIS框架的API的模块进行的按需加载，界面管理器对组件进行加载管理；图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层，所有图层采用http协议请求服务数据和加载，通过定义地图、图层、组件的JSONSchema，对地图、图层、组件的JSON配置进行验证；通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用，渲染后输出Html生成WebGIS应用。CN112434117ACN112434117A权利要求书1/2页1.一种基于Vue的WebGIS的可视化配置方法，其特征在于，一种基于Vue的WebGIS的可视化配置的方法和系统，包括如下步骤：步骤1，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；步骤2，模块管理器ModuleManager对不同WebGIS框架的API的模块进行的按需加载；步骤3，界面管理器UIMananger对组件进行加载管理；步骤4，图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层(点、线、面)，所有图层采用http协议请求服务数据和加载，判断图层为TileLayer(瓦片图层)、FeatureLayer(要素图层)、WMSLayer(WMS图层)、WFSLayer(WFS图层)或GraphicLayer(覆盖层)中的一种或多种时，根据所述地图适配器所适配的WebGISAPI采用对应的图层加载API对图层进行实例化，通过Map对象的addLayer方法加载在地图上；步骤5，通过定义地图、图层、组件的JSONSchema，对地图、图层、组件的JSON配置进行验证；分别定义地图、图层、组件的JSONSchema的type、required、properties，其中地图的properties详细定义maptype、xmin、ymin、xmax、ymax、wkid属性，图层的properties详细定义id、layertype、url、title、visible、token、xmin、ymin、xmax、ymax属性，组件的id、name、type、position、index、templete、config属性；properties的每个属性定义type来约定是String、Number还是Object类型，并定义minLength(最小长度)、maxLength(最大长度)、maximum(最小数值)、minimum(最大数值)、pattern(正则表达式)来约定具体的规则，并采用Aju.validate方法(Aju为开源的JSONSchema验证器)对已定义的JSONSchema规则进行验证；步骤6，通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用；步骤7，采用Vue的component动态加载的方式对地图、组件、图层进行加载，并对地图的初始化位置、地图比例尺、坐标系统基本进行配置可视化渲染，对组件的界面位置进行配置可视化渲染，对图层的初始化可见性、图层范围、图层覆盖物的符号化进行配置可视化渲染，渲染后输出Html生成WebGIS应用，其中，当识别地图JSON配置时，Vuecomponent实例化并mount加载mapContainer的DOM节点；当识别组件的JSON配置时,循环遍历配置数组的组件类型，Vuecomponent实例化并mount形成DOM，通过document.getElementById('component')的appendChild方法加载到界面相应的DOM节点上；当识别图层的JSON配置，循环遍历配置数组的图层类型，通过Vuecomponent实例