CN115964455A - 一种基于MapVGL开源GIS引擎的数据可视化处理方法 - Google Patents
一种基于MapVGL开源GIS引擎的数据可视化处理方法 Download PDFInfo
- Publication number
- CN115964455A CN115964455A CN202211697785.3A CN202211697785A CN115964455A CN 115964455 A CN115964455 A CN 115964455A CN 202211697785 A CN202211697785 A CN 202211697785A CN 115964455 A CN115964455 A CN 115964455A
- Authority
- CN
- China
- Prior art keywords
- data
- vector
- vector data
- mapvgl
- method based
- 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.)
- Pending
Links
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Processing Or Creating Images (AREA)
- Instructional Devices (AREA)
Abstract
本发明涉及矢量数据可视化技术领域，更具体的说是一种基于MapVGL开源GIS引擎的数据可视化处理方法，该方法包括以下步骤：步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；步骤二：数据处理环节，矢量数据规范进行处理；步骤三：地图加载环节，加载底图地图服务或空白底图；步骤四：地图样式定义环节，矢量数据图层定义渲染样式；步骤五：数据加载环节，矢量数据图层加载处理后的矢量数据；步骤六：图层添加环节，将矢量数据图层添加到地图上；可以使用简单的矢量数据，在浏览器端进行渲染处理，颜色样式处理灵活，调整方便，速度快，而且可移植性强，为各类环境下的可视化应用提供了便利。
Description
技术领域
本发明涉及矢量数据可视化技术领域，更具体地说是一种基于MapVGL开源GIS引擎的数据可视化处理方法。
背景技术
目前用户对于数据的展示早已不满足于数字，对庞大复杂的数据，尤其是涉及地理信息的数据，人们往往希望在地图上，更直观的进行展示和分析；而对于展示效果，也从二维的需求逐步向三维转化，三维地图展示效果也从影像向更炫彩的可视化效果转变。目前的三维可视化手段，大多依赖于商用软件，三维模型的渲染依赖于，商用软件的模型处理，除需要人工耗时耗力外，成本也不菲，而且不便于个性化自定义处理、传统的直接矢量模型加载方法，展示速度较慢，不利于web端快速呈现可视化效果。
发明内容
本发明的目的是提供一种基于MapVGL开源GIS引擎的数据可视化处理方法，可以使用简单的矢量数据，在浏览器端进行渲染处理，颜色样式处理灵活，调整方便，速度快，而且可移植性强，为各类环境下的可视化应用提供了便利。
本发明的目的通过以下技术方案来实现：
一种基于MapVGL开源GIS引擎的数据可视化处理方法，该方法包括以下步骤：
步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；
步骤二：数据处理环节，矢量数据规范进行处理；
步骤三：地图加载环节，加载底图地图服务或空白底图；
步骤四：地图样式定义环节，矢量数据图层定义渲染样式；
步骤五：数据加载环节，矢量数据图层加载处理后的矢量数据；
步骤六：图层添加环节，将矢量数据图层添加到地图上；
所述矢量数据包含矢量坐标信息数据，建筑类的矢量数据还包含高度信息数据；
所述步骤二中矢量数据规范进行处理的步骤包括，提取矢量数据中的信息数据，拼接成统一的数据格式，信息数据包含几何信息数据、坐标信息数据和属性信息数据
所述步骤二中规范处理矢量数据的步骤包括，将获取的矢量数据数组的每一条矢量数据封装几何格式的多边形，其中每一个多边形的构成根据点位的经度与维度，按照点顺序位进行循环封装，单独处理属性信息数据，根据高度信息数据形成数组，将几何格式和属性信息数据共同打包形成数据数组，待加载到矢量图层中；
所述步骤四中，通过MapVGL为矢量数据图层定义渲染样式；
所述渲染样式包括颜色、透明度、纹理和动画等样式，暴露图层渲染样式调用接口；
所述步骤五中，按照视图中心，根据矢量数据的高度信息数据进行切分，矢量数据按比例加载到矢量数据图层；
所述步骤六中矢量数据图层按比例添加到地图上。
本发明的有益效果为：
通过使用简单的矢量数据，在浏览器端进行渲染处理，通过MapVGL为矢量数据图层定义渲染样式，将矢量数据图层添加到地图上，与底图共同作用形成酷炫的可视化效果。
附图说明
下面结合附图和具体实施方法对本发明做进一步详细的说明。
图1是本发明的基于MapVGL开源GIS引擎的数据可视化处理方法流程示意图；
图2是本发明的基于MapVGL开源GIS引擎的数据可视化处理方法展示效果图；
图3是本发明的基于MapVGL开源GIS引擎的数据可视化处理方法与传统直接全部渲染方法的首屏加载时间对比图。
具体实施方式
下面结合附图对本发明做进一步详细说明。
如图1至3所示，下面对一种基于MapVGL开源GIS引擎的数据可视化处理方法的步骤和功能进行详细的说明，其中MapVGL是一种地理信息可视化库，利用矢量数据，在浏览器端进行样式及动画的渲染，解决大数据量的三维地理数据展示问题；其中GIS引擎即GeograhpicInformationsystem，地理信息系统；
步骤一：获取数据环节，上传矢量格式的原始数据至服务器中，形成矢量数据；上传的原始数据应为矢量格式,必要信息数据应包含矢量坐标信息数据，若为建筑类的原始数据则应还包含高度信息数据，其他属性信息可选择性添加；上传的原始数据将经过数据校验，当上传的原始数据不包含矢量坐标信息数据，建筑类的原始数据不包含矢量坐标信息数据和高度信息数据，则过滤掉该条数据；
步骤二：数据处理环节，矢量数据规范进行处理；将矢量数据按着一定规范进行处理，城市建筑类的原始数据包括矢量坐标信息数据和高度信息数据，将获取的矢量数据数组的每一条矢量数据封装几何格式的多边形，其中每一个多边形的构成根据点位的经度与维度，按照点顺序位进行循环封装；然后再对属性信息数据进行单独处理，根据高度信息数据形成数组，最后将几何格式与属性信息数据，共同打包形成数据数组，待加载到矢量图层中；
步骤三：地图加载环节，加载底图地图服务或空白底图；将电子地图与矢量模型相结合中，与矢量数据图层共同作用，提高可视化展示效果；
步骤四：地图样式定义环节，通过MapVGL为矢量数据图层定义样式，包括颜色、透明度、纹理、动画等样式，且暴露图层渲染样式调用接口，便于移植时，灵活修改；
步骤五：数据加载环节，对矢量数据图层加载处理后的矢量数据，按照视图中心，根据矢量数据的高度信息数据进行切分，按比例加载；
步骤六：图层添加环节，将矢量数据图层添加到地图上，与底图共同作用形成可视化效果。
下面以某地的矢量数据为例；
原始数据以数组的形式存在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；
根据步骤二，对原始的矢量数据进行统一规范化处理，形成数据数组。数据数组的数据为：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"}……]；
根据步骤三定义好地图地图；
步骤四，定义好加载矢量图层的样式；
根据步骤五，根据地图不同的比例级别，对不同高度的建筑进行显示；在基础级别，地图比例数为18或小于18时，显示70米以上的建筑，地图比例数为18到18.5时，显示建筑50到70米的建筑，地图比例数大于18.5时，显示比例数小于50米的建筑；根据地图切换放大缩小的界别，显示不同的图层；
根据步骤六，查看可视化效果。
Claims (10)
1.一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：该方法包括以下步骤：
步骤一：上传矢量格式的原始数据至服务器中，形成矢量数据；
步骤二：矢量数据规范进行处理；
步骤三：加载底图地图服务或空白底图；
步骤四：矢量数据图层定义渲染样式；
步骤五：矢量数据图层加载处理后的矢量数据；
步骤六：将矢量数据图层添加到地图上。
2.根据权利要求1所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述矢量数据包含矢量坐标信息数据。
3.根据权利要求2所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：建筑类的矢量数据还包含高度信息数据。
4.根据权利要求3所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤二中矢量数据规范进行处理的步骤包括，提取矢量数据中的信息数据，拼接成统一的数据格式，信息数据包含几何信息数据、坐标信息数据和属性信息数据。
5.根据权利要求4所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤二中规范处理矢量数据的步骤包括，将获取的矢量数据数组的每一条矢量数据封装几何格式的多边形，其中每一个多边形的构成根据点位的经度与维度，按照点顺序位进行循环封装。
6.根据权利要求5所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤二中规范处理矢量数据的步骤还包括，单独处理属性信息数据，根据高度信息数据形成数组，将几何格式和属性信息数据共同打包形成数据数组，待加载到矢量图层中。
7.根据权利要求1所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤四中，通过MapVGL为矢量数据图层定义渲染样式。
8.根据权利要求7所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述渲染样式包括颜色、透明度、纹理和动画样式，暴露图层渲染样式调用接口。
9.根据权利要求1所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤五中，按照视图中心，根据矢量数据的高度信息数据进行切分，矢量数据按比例加载到矢量数据图层。
10.根据权利要求1所述的一种基于MapVGL开源GIS引擎的数据可视化处理方法，其特征在于：所述步骤六中矢量数据图层按比例添加到地图上。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211697785.3A CN115964455A (zh) | 2022-12-28 | 2022-12-28 | 一种基于MapVGL开源GIS引擎的数据可视化处理方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211697785.3A CN115964455A (zh) | 2022-12-28 | 2022-12-28 | 一种基于MapVGL开源GIS引擎的数据可视化处理方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115964455A true CN115964455A (zh) | 2023-04-14 |
Family
ID=87361152
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211697785.3A Pending CN115964455A (zh) | 2022-12-28 | 2022-12-28 | 一种基于MapVGL开源GIS引擎的数据可视化处理方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115964455A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117456143A (zh) * | 2023-11-09 | 2024-01-26 | 哈尔滨航天恒星数据系统科技有限公司 | 一种管网数据三维可视化处理方法 |
-
2022
- 2022-12-28 CN CN202211697785.3A patent/CN115964455A/zh active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN117456143A (zh) * | 2023-11-09 | 2024-01-26 | 哈尔滨航天恒星数据系统科技有限公司 | 一种管网数据三维可视化处理方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20230053462A1 (en) | Image rendering method and apparatus, device, medium, and computer program product | |
| US9424673B2 (en) | Efficient composition and rendering of graphical elements | |
| US8194071B2 (en) | Tile based graphics rendering | |
| CN105069020A (zh) | 自然资源数据三维可视化方法和系统 | |
| CN112559667B (zh) | 地图编辑器、地图引擎、地图编辑系统、方法及存储介质 | |
| US9495767B2 (en) | Indexed uniform styles for stroke rendering | |
| CN109102560B (zh) | 三维模型渲染方法及装置 | |
| CN114219902A (zh) | 气象数据的体绘制渲染方法、装置和计算机设备 | |
| CN114756937A (zh) | 一种基于UE4引擎和Cesium框架的可视化系统及方法 | |
| CN114820990B (zh) | 一种基于数字孪生的流域防洪可视化方法及系统 | |
| CN115964455A (zh) | 一种基于MapVGL开源GIS引擎的数据可视化处理方法 | |
| CN111273877A (zh) | 一种实景三维数据与二维栅格图片的联动展示平台及其联动方法 | |
| CN112860839A (zh) | 一种基于Unity3D的水环境质量实时监测方法及装置 | |
| CN114742931A (zh) | 渲染图像的方法、装置、电子设备及存储介质 | |
| CN117095110B (zh) | 面向互联网三维地图的顺序无关透明渲染方法和系统 | |
| CN111324658A (zh) | 一种海洋温度的可视化分析方法、智能终端及存储介质 | |
| She et al. | An efficient method for rendering linear symbols on 3D terrain using a shader language | |
| CN112330769B (zh) | 虚线纹理的生成方法、装置及电子设备 | |
| US20060020388A1 (en) | Digital map generating system and its method | |
| CN102402531A (zh) | 地理信息符号处理方法及系统 | |
| CN116302579B (zh) | 面向Web端的时空大数据高效加载渲染方法及系统 | |
| CN117115382B (zh) | 地图道路绘制方法、装置、计算机设备和存储介质 | |
| US20230024459A1 (en) | Systems and methods for variable multi-channel and multi-dimensional data generation and transmission | |
| CN112785677A (zh) | 智能化高精度空间全景数据处理方法 | |
| Mower | Concurrent Drainage Network Rendering for Automated Pen‐and‐ink Style Landscape Illustration |
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 |