一种基于MapVGL开源GIS引擎的数据可视化处理方法技术

本发明专利技术涉及矢量数据可视化技术领域，更具体的说是一种基于MapVGL开源GIS引擎的数据可视化处理方法，该方法包括以下步骤：步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；步骤二：数据处理环节，矢量数据规范进行处理；步骤三：地图加载环节，加载底图地图服务或空白底图；步骤四：地图样式定义环节，矢量数据图层定义渲染样式；步骤五：数据加载环节，矢量数据图层加载处理后的矢量数据；步骤六：图层添加环节，将矢量数据图层添加到地图上；可以使用简单的矢量数据，在浏览器端进行渲染处理，颜色样式处理灵活，调整方便，速度快，而且可移植性强，为各类环境下的可视化应用提供了便利。化应用提供了便利。化应用提供了便利。

【技术实现步骤摘要】
一种基于MapVGL开源GIS引擎的数据可视化处理方法


[0001]本专利技术涉及矢量数据可视化
，更具体地说是一种基于MapVGL开源GIS引擎的数据可视化处理方法。

技术介绍

[0002]目前用户对于数据的展示早已不满足于数字，对庞大复杂的数据，尤其是涉及地理信息的数据，人们往往希望在地图上，更直观的进行展示和分析；而对于展示效果，也从二维的需求逐步向三维转化，三维地图展示效果也从影像向更炫彩的可视化效果转变。目前的三维可视化手段，大多依赖于商用软件，三维模型的渲染依赖于，商用软件的模型处理，除需要人工耗时耗力外，成本也不菲，而且不便于个性化自定义处理、传统的直接矢量模型加载方法，展示速度较慢，不利于web端快速呈现可视化效果。

技术实现思路

[0003]本专利技术的目的是提供一种基于MapVGL开源GIS引擎的数据可视化处理方法，可以使用简单的矢量数据，在浏览器端进行渲染处理，颜色样式处理灵活，调整方便，速度快，而且可移植性强，为各类环境下的可视化应用提供了便利。
[0004]本专利技术的目的通过以下技术方案来实现：
[0005]一种基于MapVGL开源GIS引擎的数据可视化处理方法，该方法包括以下步骤：
[0006]步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；
[0007]步骤二：数据处理环节，矢量数据规范进行处理；
[0008]步骤三：地图加载环节，加载底图地图服务或空白底图；
[0009]步骤四：地图样式定义环节，矢量数据图层定义渲染样式；
[0010]步骤五：数据加载环节，矢量数据图层加载处理后的矢量数据；
[0011]步骤六：图层添加环节，将矢量数据图层添加到地图上；
[0012]所述矢量数据包含矢量坐标信息数据，建筑类的矢量数据还包含高度信息数据；
[0013]所述步骤二中矢量数据规范进行处理的步骤包括，提取矢量数据中的信息数据，拼接成统一的数据格式，信息数据包含几何信息数据、坐标信息数据和属性信息数据
[0014]所述步骤二中规范处理矢量数据的步骤包括，将获取的矢量数据数组的每一条矢量数据封装几何格式的多边形，其中每一个多边形的构成根据点位的经度与维度，按照点顺序位进行循环封装，单独处理属性信息数据，根据高度信息数据形成数组，将几何格式和属性信息数据共同打包形成数据数组，待加载到矢量图层中；
[0015]所述步骤四中，通过MapVGL为矢量数据图层定义渲染样式；
[0016]所述渲染样式包括颜色、透明度、纹理和动画等样式，暴露图层渲染样式调用接口；
[0017]所述步骤五中，按照视图中心，根据矢量数据的高度信息数据进行切分，矢量数据按比例加载到矢量数据图层；
[0018]所述步骤六中矢量数据图层按比例添加到地图上。
[0019]本专利技术的有益效果为：
[0020]通过使用简单的矢量数据，在浏览器端进行渲染处理，通过MapVGL为矢量数据图层定义渲染样式，将矢量数据图层添加到地图上，与底图共同作用形成酷炫的可视化效果。
附图说明
[0021]下面结合附图和具体实施方法对本专利技术做进一步详细的说明。
[0022]图1是本专利技术的基于MapVGL开源GIS引擎的数据可视化处理方法流程示意图；
[0023]图2是本专利技术的基于MapVGL开源GIS引擎的数据可视化处理方法展示效果图；
[0024]图3是本专利技术的基于MapVGL开源GIS引擎的数据可视化处理方法与传统直接全部渲染方法的首屏加载时间对比图。
具体实施方式
[0025]下面结合附图对本专利技术做进一步详细说明。
[0026]如图1至3所示，下面对一种基于MapVGL开源GIS引擎的数据可视化处理方法的步骤和功能进行详细的说明，其中MapVGL是一种地理信息可视化库，利用矢量数据，在浏览器端进行样式及动画的渲染，解决大数据量的三维地理数据展示问题；其中GIS引擎即GeograhpicInformationsystem，地理信息系统；
[0027]步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；上传的原始数据应为矢量格式,必要信息数据应包含矢量坐标信息数据，若为建筑类的原始数据则应还包含高度信息数据，其他属性信息可选择性添加；上传的原始数据将经过数据校验，当上传的原始数据不包含矢量坐标信息数据，建筑类的原始数据不包含矢量坐标信息数据和高度信息数据，则过滤掉该条数据；
[0028]步骤二：数据处理环节，矢量数据规范进行处理；将矢量数据按着一定规范进行处理，城市建筑类的原始数据包括矢量坐标信息数据和高度信息数据，将获取的矢量数据数组的每一条矢量数据封装几何格式的多边形，其中每一个多边形的构成根据点位的经度与维度，按照点顺序位进行循环封装；然后再对属性信息数据进行单独处理，根据高度信息数据形成数组，最后将几何格式与属性信息数据，共同打包形成数据数组，待加载到矢量图层中；
[0029]步骤三：地图加载环节，加载底图地图服务或空白底图；将电子地图与矢量模型相结合中，与矢量数据图层共同作用，提高可视化展示效果；
[0030]步骤四：地图样式定义环节，通过MapVGL为矢量数据图层定义样式，包括颜色、透明度、纹理、动画等样式，且暴露图层渲染样式调用接口，便于移植时，灵活修改；
[0031]步骤五：数据加载环节，对矢量数据图层加载处理后的矢量数据，按照视图中心，根据矢量数据的高度信息数据进行切分，按比例加载；
[0032]步骤六：图层添加环节，将矢量数据图层添加到地图上，与底图共同作用形成可视化效果。
[0033]下面以某地的矢量数据为例；
[0034]原始数据以数组的形式存在original.js里，数据的数据为：rs＝[{"
coordinates":[[[116.304875,39.984594],[116.305144,39.984594],[116.305143,39.984587],[116.304875,39.984587]]],"Height":"12.000000000000000"}
……
]数据中的每一条数据包括经纬度矢量坐标信息coordinates,属性信息包括Height；
[0035]根据步骤二，对原始的矢量数据进行统一规范化处理，形成数据数组。数据数组的数据为：new＝[{geometry:{type:'Polygon',coordinates:[[[116.304875,39.984594],[116.305144,39.984594],[116.305143,39.984587],[116.304875,39.984587]]]},properties:{height:"12.000000000000000"}
……
]；
[0036]根据步骤三定义好地图地图；
[0037]步骤四，定义好加载本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：该方法包括以下步骤：步骤一：上传矢量格式的原始数据至服务器中，形成矢量数据；步骤二：矢量数据规范进行处理；步骤三：加载底图地图服务或空白底图；步骤四：矢量数据图层定义渲染样式；步骤五：矢量数据图层加载处理后的矢量数据；步骤六：将矢量数据图层添加到地图上。2.根据权利要求1所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述矢量数据包含矢量坐标信息数据。3.根据权利要求2所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：建筑类的矢量数据还包含高度信息数据。4.根据权利要求3所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤二中矢量数据规范进行处理的步骤包括，提取矢量数据中的信息数据，拼接成统一的数据格式，信息数据包含几何信息数据、坐标信息数据和属性信息数据。5.根据权利要求4所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤二中规范处理矢量数据的步骤包括，将获取的矢量数据数组的每一条矢量数据封装...

【专利技术属性】
技术研发人员：董丽娜，周含笑，赵辉，王兆祥，于雷，李积祥，李思嘉，
申请(专利权)人：哈尔滨航天恒星数据系统科技有限公司，
类型：发明
国别省市：