CN112434117B - 一种基于Vue的WebGIS的可视化配置方法和*** - Google Patents
一种基于Vue的WebGIS的可视化配置方法和*** Download PDFInfo
- Publication number
- CN112434117B CN112434117B CN202011221876.0A CN202011221876A CN112434117B CN 112434117 B CN112434117 B CN 112434117B CN 202011221876 A CN202011221876 A CN 202011221876A CN 112434117 B CN112434117 B CN 112434117B
- Authority
- CN
- China
- Prior art keywords
- map
- layer
- component
- webgis
- configuration
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 44
- 238000012800 visualization Methods 0.000 title claims abstract description 13
- 238000009877 rendering Methods 0.000 claims description 24
- 230000000007 visual effect Effects 0.000 claims description 19
- 229910052792 caesium Inorganic materials 0.000 claims description 8
- TVFDJXOCXUVLDH-UHFFFAOYSA-N caesium atom Chemical compound [Cs] TVFDJXOCXUVLDH-UHFFFAOYSA-N 0.000 claims description 8
- 238000004458 analytical method Methods 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 4
- 230000006978 adaptation Effects 0.000 claims description 3
- 238000003491 array Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 claims description 3
- 230000005540 biological transmission Effects 0.000 claims description 2
- 238000004806 packaging method and process Methods 0.000 claims description 2
- 239000008186 active pharmaceutical agent Substances 0.000 claims 12
- 241001676573 Minium Species 0.000 claims 2
- 238000011161 development Methods 0.000 description 15
- 238000005516 engineering process Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 230000002457 bidirectional effect Effects 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009436 residential construction Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Remote Sensing (AREA)
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于Vue的WebGIS的可视化配置方法，一种基于Vue的WebGIS的可视化配置的方法和***，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；模块管理器对不同WebGIS框架的API的模块进行的按需加载，界面管理器对组件进行加载管理；图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层，所有图层采用http协议请求服务数据和加载，通过定义地图、图层、组件的JSON Schema，对地图、图层、组件的JSON配置进行验证；通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用，渲染后输出Html生成WebGIS应用。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种基于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对组件进行加载管理；
步骤4，图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层(点、线、面)，所有图层采用http协议请求服务数据和加载，判断图层为TileLayer(瓦片图层)、FeatureLayer(要素图层)、WMSLayer(WMS图层)、WFSLayer(WFS图层)或GraphicLayer(覆盖层)中的一种或多种时，根据所述地图适配器所适配的WebGIS API采用对应的图层加载API对图层进行实例化，通过Map对象的addLayer方法加载在地图上；
步骤5，通过定义地图、图层、组件的JSON Schema，对地图、图层、组件的JSON配置进行验证；分别定义地图、图层、组件的JSON Schema的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为开源的JSON Schema验证器)对已定义的JSON Schema规则进行验证；
步骤6，通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用；
步骤7，采用Vue的component动态加载的方式对地图、组件、图层进行加载，并对地图的初始化位置、地图比例尺、坐标***基本进行配置可视化渲染，对组件的界面位置进行配置可视化渲染，对图层的初始化可见性、图层范围、图层覆盖物的符号化进行配置可视化渲染，渲染后输出Html生成WebGIS应用，其中，当识别地图JSON配置时，Vue component实例化并mount加载mapContainer的DOM节点；当识别组件的JSON配置时,循环遍历配置数组的组件类型，Vue component实例化并mount形成DOM，通过document.getElementById('component')的appendChild方法加载到界面相应的DOM节点上；当识别图层的JSON配置，循环遍历配置数组的图层类型，通过Vue component实例化后，采用图层管理器中Map对象的addLayer方法进行加载，其中，Vue component的实例化时通过propsData属性进行参数传递，对地图、组件、图层属性初始化配置更进一步地，所述步骤1进一步包括：通过使用npm(node.js包管理工具)安装各种WebGIS API框架，以多页面应用模式MPA(Mutil-pageApplication)来兼容保证各个API互不干扰。
更进一步地，所述步骤2进一步包括：使用AMD(Asynchronous Module Definition异步模块定义)与vue-router配置路由结合的方式进行按需加载，其中，所述AMD负责对WebGIS API框架按需加载，而vue-router对页面进行按需加载。
更进一步地，所述步骤3进一步包括：自动查找不同的WebGIS API框架下的组件，界面管理器对不同的WebGIS API框架的共性组件进行封装，最终按照统一的接口进行输入，其中，所述共性组件包括地图组件、导航组件、搜索组件、鹰眼控件、工具条组件以及自定义组件中的一种或者多种。
更进一步地，所述步骤5进一步包括：上述地图适配器、模块管理器、界面管理器、图层管理器会构造出地图、组件、图层配置，通过定义标准规范地图、组件、图层的JSONSchema，来验证地图、组件、图层的配置正确性。
更进一步地，所述步骤6进一步包括：对地图、组件、图层的JSON Schema验证通过后，对JSON配置进行解析，通过循环地图、组件、图层的JSON数组，对地图类型、组件类型、图层图层加以判断，解析成对应的地图、组件、图层。
更进一步地，所述适配WebGIS前端框架进一步包括百度地图API、高德地图API、ArcGIS JavaScript API、Openlayers、Leaflet、Cesium第三方API的适配中的一种或多种。
更进一步地，所述步骤7中的所述可视化渲染进一步包括如下步骤：
步骤701，地图配置的可视化渲染，通过地图的type配置，选择相应地图组件进行实例化；
步骤702，组件配置的可视化渲染，采用Vue component的加载方式进行动态加载；
步骤703，对图层配置进行可视化渲染，通过对地图type和图层类型type的识别，选择相对应的函数进行加载；
步骤704，渲染后输出Html生成WebGIS应用，对于每个输出应用URL有唯一的应用ID，根据所述应用ID进行html页面输出，其中，所述html页面通过挂载方式实现页面输出。
本发明进一步公开了一种***，包括：处理器；以及，存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述的基于Vue的WebGIS的可视化配置方法。
本发明进一步公开了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时上述的基于Vue的WebGIS的可视化配置方法。
本发明与现有技术相比，旨在研发一种可视化配置技术，涵盖现有WebGIS框架的共性特点，进行配置开发，实施、开发人员在不同的应用场景只需要进行通用的可视化配置，而不用关心具体的使用何种WebGIS框架技术开发。
附图说明
从以下结合附图的描述可以进一步理解本发明。图中的部件不一定按比例绘制，而是将重点放在示出实施例的原理上。在图中，在不同的视图中，相同的附图标记指定对应的部分。
图1为本发明基于Vue的WebGIS可视化配置方法的流程图。
图2为本发明一实施例中的配置渲染过程的流程图；
图3为本发明可视化定制后的WebGIS应用成果图。
具体实施方式
实施例一
本实施例公开了一种基于Vue的WebGIS的可视化配置的方法和***，包括如下步骤：
基于Vue实现地图适配器，通过地图适配器的适配主流WebGIS前端框架，比如百度地图API、高德地图API、ArcGIS JavaScript API、Openlayers、Leaflet、Cesium等第三方API的适配。
基于Vue实现模块管理器ModuleManager、界面管理器UIManager、图层管理器LayerManager。
基于Vue实现模块管理器ModuleManager实现不同WebGIS框架的API的模块的按需加载。
基于Vue实现界面管理器UIManager实现地图控件、导航控件、搜索控件、鹰眼控件、工具条控件以及自定义控件的接口。
图层管理器LayerManager实现图层服务的接口，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层(点、线、面)。
通过定义地图、图层、组件的JSON Schema，对地图、图层、组件的JSON配置进行验证。
通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用。
如图3所示，输出Html的页面并发布。
实施例二
如图1所示，本发明的WebGIS可视化定制实现方法包括：
步骤101：地图适配器MapAdapter对WebGIS技术框架的进行适配。通过使用npm(node.js包管理工具)安装各种WebGIS API框架，以多页面应用模式MPA(Mutil-pageApplication)来兼容保证各个API互不干扰。
步骤102：模块管理器ModuleManager对模块进行按需加载。对于不同的应用使用的模块是不相同的，按需加载能减轻带宽的压力以及加快应用的加载效率，使用AMD(Asynchronous Module Definition异步模块定义)与vue-router配置路由结合的方式进行按需加载。AMD主要负责对WebGIS API框架按需加载，而vue-router对页面进行按需加载。
步骤103：界面管理器UIMananger对组件进行加载管理，对不同的WebGIS API框架都会有共性的组件，如地图组件、导航组件、搜索组件、鹰眼控件、工具条组件以及自定义组件等，界面管理器对这些组件分不同框架进行封装，最终按照统一的接口进行输入。
步骤104：图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层(点、线、面)，所有图层采用http协议请求服务数据和加载。
步骤105：上述地图适配器、模块管理器、界面管理器、图层管理器会构造出地图、组件、图层配置，通过定义标准规范地图、组件、图层的JSON Schema，来验证地图、组件、图层的配置正确性。本发明所有的配置全部采用JSON表述。JSON Schema是一种描述JSON数据的结构，本质上也就是JSON数据，适合做做地图、组件、图层的JSON配置验证。
步骤106：对地图、组件、图层的JSON Schema验证通过后，对JSON配置进行解析，通过循环地图、组件、图层的JSON数组，对地图类型、组件类型、图层图层加以判断，解析成对应的地图、组件、图层。
步骤107：JSON解析的结果是对应的地图、组件、图层，比如地图配置是采用何种地图框架作为基础，组件采用哪些组件，图层需要加载哪些图层。
步骤108：采用Vue的component动态加载的方式对地图、组件、图层进行加载，并对地图的初始化位置、地图比例尺、坐标***基本进行配置可视化渲染，对组件的界面位置进行配置可视化渲染，对图层的初始化可见性、图层范围、图层覆盖物的符号化进行配置可视化渲染。
步骤109：通过步骤108渲染后输出Html生成WebGIS应用。
如图2所示，本发明进一步地配置可视化渲染：
步骤201：地图配置的可视化渲染，通过地图的type配置，选择相应地图组件进行实例化，如高德地图API采用let map＝new this.$AMap.Map('container',{})进行实例化，Cesium API采用let cesiumContainer＝new Cesium.Viewer('cesiumContainer',{})进行实例化。
步骤202：组件配置的可视化渲染，采用Vue component的加载方式进行动态加载，如工具条组件采用Vue.component实例化声明，在$mount()方法获取DOM内容vm.$el，挂载到相应DOM节点上，实现核心代码如下
var PopupComponent＝Vue.component('MapToolBar',MapToolBar)
var vm＝new PopupComponent().$mount()
document.getElementById('component').appendChild(vm.$el)
步骤203：图层配置的可视化渲染，通过对地图type和图层类型type的识别，比如判断type等于TileLayer(瓦片图层)，ArcGIS JavaScript API通过new esri.TileLayer({url:layerConfig.url})加载,Cesium API通过new Cesium.ArcGisMapServerImageryProvider({url:layerConfig.url})进行加载；判断WMSLayer(OGC标准的wms服务)，ArcGISJavaScript API通过new esri.WMSLayer({url:layerConfig.url})加载，Cesium API则通过new Cesium.WebMapServiceImageryProvider({url:layerConfig.url})加载。其他WebGIS框架API和图层服务类型实现方式与上述一样，只是实例化的new对象不一样，这里不一一阐述。
步骤204：对于每个输出应用URL有唯一的应用ID,比如http://xxx/hgis/index.html？appid＝c778c206b60711ea8fc90242ac110004，根据appid进行html页面输出，html页面通过new Vue({router,render:h＝>h(App)}).$mount('#app')，Vue挂载方式实现页面输出。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、***或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
虽然上面已经参考各种实施例描述了本发明，但是应当理解，在不脱离本发明的范围的情况下，可以进行许多改变和修改。因此，其旨在上述详细描述被认为是例示性的而非限制性的，并且应当理解，以下权利要求(包括所有等同物)旨在限定本发明的精神和范围。以上这些实施例应理解为仅用于说明本发明而不用于限制本发明的保护范围。在阅读了本发明的记载的内容之后，技术人员可以对本发明作各种改动或修改，这些等效变化和修饰同样落入本发明权利要求所限定的范围。
Claims (10)
1.一种基于Vue的WebGIS的可视化配置方法，其特征在于，包括如下步骤：
步骤1，基于Vue实现地图适配器，通过地图适配器的对WebGIS前端框架进行适配；
步骤2，模块管理器ModuleManager对不同WebGIS框架的API的模块进行的按需加载；
步骤3，界面管理器UIMananger对组件进行加载管理；
步骤4，图层管理器对地图的图层进行加载管理，包括瓦片服务、要素服务、wms服务、wfs服务以及覆盖物图层，所有图层采用http协议请求服务数据和加载，判断图层为TileLayer、FeatureLayer、WMSLayer、WFSLayer或GraphicLayer中的一种或多种时，根据所述地图适配器所适配的WebGIS API采用对应的图层加载API对图层进行实例化，通过Map对象的addLayer方法加载在地图上，其中，所述覆盖物图层包括点、线、面，所述TileLayer表示瓦片图层，所述FeatureLayer表示要素图层，所述WMSLayer表示WMS图层，所述WFSLayer表示WFS图层，所述GraphicLayer表示覆盖层；
步骤5，通过定义地图、图层、组件的JSON Schema，对地图、图层、组件的JSON配置进行验证；分别定义地图、图层、组件的JSON Schema的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方法对已定义的JSON Schema规则进行验证，其中，所述minLength表示最小长度，所述maxLength表示最大长度，所述maximum表示最大数值，所述minimum表示最小数值，所述pattern表示正则表达式，Aju为开源的JSON Schema验证器；
步骤6，通过JSON配置及可视化解析WebGIS应用的地图、图层、组件，形成WebGIS的应用；
步骤7，采用Vue的component动态加载的方式对地图、组件、图层进行加载，并对地图的初始化位置、地图比例尺、坐标***基本进行配置可视化渲染，对组件的界面位置进行配置可视化渲染，对图层的初始化可见性、图层范围、图层覆盖物的符号化进行配置可视化渲染，渲染后输出Html生成WebGIS应用，其中，当识别地图JSON配置时，Vue component实例化并mount加载mapContainer的DOM节点；当识别组件的JSON配置时,循环遍历配置数组的组件类型，Vue component实例化并mount形成DOM，通过document.getElementById('component')的appendChild方法加载到界面相应的DOM节点上；当识别图层的JSON配置，循环遍历配置数组的图层类型，通过Vue component实例化后，采用图层管理器中Map对象的addLayer方法进行加载，其中，Vue component的实例化时通过propsData属性进行参数传递，对地图、组件、图层属性初始化配置。
2.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤1进一步包括：通过使用npm(node.js包管理工具)安装各种WebGIS API框架，以多页面应用模式MPA(Mutil-page Application)来兼容保证各个API互不干扰。
3.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤2进一步包括：使用AMD(Asynchronous Module Definition异步模块定义)与vue-router配置路由结合的方式进行按需加载，其中，所述AMD负责对WebGIS API框架按需加载，而vue-router对页面进行按需加载。
4.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤3进一步包括：自动查找不同的WebGIS API框架下的组件，界面管理器对不同的WebGISAPI框架的共性组件进行封装，最终按照统一的接口进行输入，其中，所述共性组件包括地图组件、导航组件、搜索组件、鹰眼控件、工具条组件以及自定义组件中的一种或者多种。
5.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤5进一步包括：上述地图适配器、模块管理器、界面管理器、图层管理器会构造出地图、组件、图层配置，通过定义标准规范地图、组件、图层的JSON Schema，来验证地图、组件、图层的配置正确性。
6.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤6进一步包括：对地图、组件、图层的JSON Schema验证通过后，对JSON配置进行解析，通过循环地图、组件、图层的JSON数组，对地图类型、组件类型、图层图层加以判断，解析成对应的地图、组件、图层。
7.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤1中的所述对WebGIS前端框架进行适配进一步包括百度地图API、高德地图API、ArcGISJavaScript API、Openlayers、Leaflet、Cesium第三方API的适配中的一种或多种。
8.如权利要求1所述的一种基于Vue的WebGIS的可视化配置方法，其特征在于，所述步骤7中的所述可视化渲染进一步包括如下步骤：
步骤701，地图配置的可视化渲染，通过地图的type配置，选择相应地图组件进行实例化；
步骤702，组件配置的可视化渲染，采用Vue component的加载方式进行动态加载；
步骤703，对图层配置进行可视化渲染，通过对地图type和图层类型type的识别，选择相对应的函数进行加载；
步骤704，渲染后输出Html生成WebGIS应用，对于每个输出应用URL有唯一的应用ID，根据所述应用ID进行html页面输出，其中，所述html页面通过挂载方式实现页面输出。
9.一种***，其特征在于，包括：
处理器；以及，
存储器，用于存储所述处理器的可执行指令；
其中，所述处理器配置为经由执行所述可执行指令来执行权利要求1-8任一项所述的基于Vue的WebGIS的可视化配置方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-8任一项所述的基于Vue的WebGIS的可视化配置方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011221876.0A CN112434117B (zh) | 2020-11-05 | 2020-11-05 | 一种基于Vue的WebGIS的可视化配置方法和*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011221876.0A CN112434117B (zh) | 2020-11-05 | 2020-11-05 | 一种基于Vue的WebGIS的可视化配置方法和*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112434117A CN112434117A (zh) | 2021-03-02 |
| CN112434117B true CN112434117B (zh) | 2021-07-30 |
Family
ID=74695461
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011221876.0A Expired - Fee Related CN112434117B (zh) | 2020-11-05 | 2020-11-05 | 一种基于Vue的WebGIS的可视化配置方法和*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112434117B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112925843A (zh) * | 2021-05-11 | 2021-06-08 | 成都数联铭品科技有限公司 | 基于图形化界面配置改变地图显示效果的方法及*** |
| CN114546578A (zh) * | 2022-04-26 | 2022-05-27 | 阿里巴巴（中国）有限公司 | 一种地图可视化方法、装置、***及计算机程序产品 |
| CN114611036B (zh) * | 2022-05-10 | 2022-10-21 | 北京航空航天大学杭州创新研究院 | 一种gis数据处理及渲染方法 |
| CN117608542B (zh) * | 2023-11-21 | 2024-06-18 | 北京时代凌宇科技股份有限公司 | 一种WebGIS开发框架的构建方法和*** |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110059122A (zh) * | 2019-04-03 | 2019-07-26 | 广州地理研究所 | 一种基于云端Web的野生动物资源数据入库方法 |
| CN110119453A (zh) * | 2019-03-12 | 2019-08-13 | 重庆三峡学院 | 一种基于WebGIS的地方志文献可视化方法及*** |
| CN111611518A (zh) * | 2020-05-25 | 2020-09-01 | 南京南瑞信息通信科技有限公司 | 基于Html5的可视化展示页面自动发布方法及*** |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104504103B (zh) * | 2014-12-04 | 2018-05-15 | 中移全通***集成有限公司 | 一种车辆轨迹点***性能优化方法及***、信息采集器、数据库模型 |
| US10509770B2 (en) * | 2015-07-13 | 2019-12-17 | Samsung Electronics Co., Ltd. | Heuristic interface for enabling a computer device to utilize data property-based data placement inside a nonvolatile memory device |
| CN107167143A (zh) * | 2017-07-05 | 2017-09-15 | 乐高乐佳（北京）信息技术有限公司 | 基于关键点的导向性导航方法、装置及设备 |
| CN110119266A (zh) * | 2019-04-30 | 2019-08-13 | 航天恒星科技有限公司 | 一种基于OpenLayers的WebGIS应用开发技术框架 |
-
2020
- 2020-11-05 CN CN202011221876.0A patent/CN112434117B/zh not_active Expired - Fee Related
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110119453A (zh) * | 2019-03-12 | 2019-08-13 | 重庆三峡学院 | 一种基于WebGIS的地方志文献可视化方法及*** |
| CN110059122A (zh) * | 2019-04-03 | 2019-07-26 | 广州地理研究所 | 一种基于云端Web的野生动物资源数据入库方法 |
| CN111611518A (zh) * | 2020-05-25 | 2020-09-01 | 南京南瑞信息通信科技有限公司 | 基于Html5的可视化展示页面自动发布方法及*** |
Non-Patent Citations (4)
| Title |
|---|
| Visualization Methods of Regional Power Load Density Based on the Heatmap Technology in WebGIS;Zhang S M;《Applied Mechanics & Materials》;20141231;第494-495页 * |
| 基于Vue.js的WebGIS云管理与服务平台;黄俊勇;《中国优秀硕士学位论文全文数据库信息科技辑》;20180815(第2018年第08期);第I138-306页 * |
| 基于Vue.js的WebGIS开发研究;黄佛辉;《中国优秀硕士学位论文全文数据库基础科学辑》;20180315(第2018年第03期);第A008-13页 * |
| 基于Vue.js的单页面WebGIS可视化框架研究与实现;李成仁;《地理空间信息》;20200531;第18卷(第5期);第83-98页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112434117A (zh) | 2021-03-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112434117B (zh) | 一种基于Vue的WebGIS的可视化配置方法和*** | |
| US10839011B2 (en) | Application programing interface document generator | |
| US11068382B2 (en) | Software testing and verification | |
| US9910913B2 (en) | Ingestion planning for complex tables | |
| Cecconi et al. | Adaptive zooming in web cartography | |
| US20200250867A1 (en) | Increasing readability of visualization nodes | |
| US7831556B2 (en) | Differential rendering and refreshing a portal page with a page delta | |
| US10331756B2 (en) | Accessibility tagger for non-accessibility enabled webpages | |
| US20170205982A1 (en) | Data-driven schema for describing and executing management tasks in a graphical user interface | |
| US10997359B2 (en) | Real-time cognitive modifying a mark-up language document | |
| US10326858B2 (en) | System and method for dynamically generating personalized websites | |
| US20220076012A1 (en) | Vision-based cell structure recognition using hierarchical neural networks and cell boundaries to structure clustering | |
| EP3142025B1 (en) | Generating and distributing interactive documents | |
| US20170017380A1 (en) | Mobile enabling a web application developed without mobile rendering capabilities | |
| US10956026B2 (en) | Smart element filtering method via gestures | |
| US10540187B2 (en) | User-initiated dynamic data application programming interface creation | |
| CN102110166B (zh) | 基于浏览器的本体3d可视化和编辑的***及方法 | |
| US10158711B2 (en) | Website framework | |
| EP1703700A1 (en) | A method and system for rendering and refreshing a web portal page | |
| US20230281386A1 (en) | Guiding and validating document submissions | |
| US11669676B2 (en) | Comparing similar applications with redirection to a new web page | |
| CN115878102A (zh) | 图表生成方法、装置、设备以及计算机存储介质 | |
| Wiebrock et al. | A Web service-based and user specific portrayal for geodata' | |
| Satav | News on world map | |
| Boyle et al. | Go-Geo!-Geo-data Portal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20210730 |