[发明专利]一种基于Vue的WebGIS的可视化配置方法和系统

说明书

本发明公开了一种基于Vue的WebGIS的可视化配置方法，一种基于Vue的WebGIS的可视化配置的方法和系统，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；模块管理器对不同WebGIS框架的API的模块进行的按需加载，界面管理器对组件进行加载管理；图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层，所有图层采用http协议请求服务数据和加载，通过定义地图、图层、组件的JSON Schema，对地图、图层、组件的JSON配置进行验证；通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用，渲染后输出Html生成WebGIS应用。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于Vue的WebGIS的可视化配置方法和系统。

背景技术

WebGIS即Web+GIS，网络地理信息系统，随着硬件以及网络带宽的发展，传统的桌面GIS应用逐渐过渡为WebGIS应用，市场上出现大量WebGIS API的开发框架，比如商业地图的有百度地图API、高德地图API、腾讯地图API、ArcGIS API for Javascipt，开源的有OpenLayers、Leaflet、MapBox等诸多流行的WebGIS前端开发框架，各开发框架有自身的优缺点，在不同的应用场景选择不同的框架。

Vue是一个开源前端库，能提供高效的MXXM数据绑定和灵活的组件系统。基于Vue对各类地图组件进行封装，利用MXXM模式可以数据配置与组件之间的双向绑定。

如CN201610543817公开的一种基于OpenLayers的WebGIS开发框架的构建及使用方法，首先获取用于WebGIS客户端的JavaScript类库包，从中提取类：地图初始化和地图操作，并对其进行继承开发，提供地图初始化接口、地图操作接口；同时对提取的类分别与Web服务器交互的过程进行封装，提供Web接口；对提取的类进行合并，并将图初始化接口、地图操作接口、Web接口整合成一个文件，作为开发框架的引入接口。基于该开发框架的各接口的调用实现开发GIS功能的方法能更好地满足开发需求，提高开发效率。

然而，现有WebGIS技术框架种类繁多，如果一个人或一个公司同时掌握所有的WebGIS技术框架是需要耗费巨大的技术成本，现有WebGIS开发模式是基于单一的WebGIS框架开发，但不同的WebGIS技术框架有不同的应用场景，如百度、高德地图API适合互联网出行、位置应用的场景，ArcGIS JavaScript API、Openlayers、Leaflet适合有高精度地图要求的政务地图应用(测绘、房地产、国土、住建)、Cesium适合三维场景应用。

发明内容

本发明公开了一种基于Vue的WebGIS可视化配置的方法和系统，结合现有主流WebGIS前端框架的共性特点，通过Vue技术进行可视化配置实现WebGIS应用。

本发明旨在至少解决现有技术中存在的技术问题之一。为此，本发明公开了一种基于Vue的WebGIS的可视化配置方法，包括如下步骤：

步骤1，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；

步骤2，模块管理器ModuleManager对不同WebGIS框架的API的模块进行的按需加载；

步骤3，界面管理器UIMananger对组件进行加载管理；