CN108447121A - NRIETWebGIS动态色斑图绘制方法 - Google Patents
NRIETWebGIS动态色斑图绘制方法 Download PDFInfo
- Publication number
- CN108447121A CN108447121A CN201810251857.9A CN201810251857A CN108447121A CN 108447121 A CN108447121 A CN 108447121A CN 201810251857 A CN201810251857 A CN 201810251857A CN 108447121 A CN108447121 A CN 108447121A
- Authority
- CN
- China
- Prior art keywords
- data
- transferred
- piece member
- nrietwebgis
- color
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
- G06T17/05—Geographic models
-
- 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/04—Texture mapping
-
- 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
- Y02A—TECHNOLOGIES FOR ADAPTATION TO CLIMATE CHANGE
- Y02A90/00—Technologies having an indirect contribution to adaptation to climate change
- Y02A90/10—Information and communication technologies [ICT] supporting adaptation to climate change, e.g. for weather forecasting or climate simulation
Abstract
本发明公开了一种NRIETWebGIS动态色斑图绘制方法,其格点数据通过数据转换压缩生成纹理对象,数据压缩之后可以减少网络传输的时间,同时可以将纹理对象由CPU传输到GPU,到达顶点着色器对象。显示样式和掩膜边界也都是纹理对象,通过WebGL API传输到片元着色器对象中;顶点着色器通过图元装配传输到片元着色器,然后通过光栅化将片元信息存储到颜色缓冲区,最终再显示到浏览器页面上。通过操作动画播放控件,将时间信息传输到片元着色器对象中,片元着色器对象根据当前时间信息,对数据进行时间插值得到当前时间的数据状态,并光栅化进入颜色缓冲区,最终显示到浏览器页面上。
Description
技术领域
本发明涉及一种WebGIS气象色斑图动态显示技术,尤其涉及一种NRIETWebGIS动态色斑图绘制方法。
背景技术
利用webgis技术实现气象色斑图的动态显示是目前气象软件领域经常见到的一种技术,显示技术有很多种方法,包括利用html的image标签、svg的image标签、canvas标签和JavaScript的定时器技术实现色斑图的动态显示。目前存在几个问题:1、图片放大会模糊,不便于分析数据;2、数据显示效率不高,动画播放卡顿;3、动态效果比较生硬,数据状态会出现跳跃现象。
发明的内容
针对以上问题本发明提供了一种在WebGIS平台上显示高效的气象动态色斑图的技术,利用这一技术可以针对气象大数据快速的在浏览器上显示动态效果,用户可以很方便、快速的实现气象背景分析。
为了解决以上问题,本发明采用了如下技术方案:
一种NRIETWebGIS动态色斑图绘制方法,其特征在于,包括以下步骤:
步骤1:气象格点数据转换成RGB分量数据进而生成webgl支持的纹理对象,数据压缩之后减少网络传输的时间,同时将纹理对象由CPU传输到GPU,到达顶点着色器对象;
步骤2:显示样式是指气象数据根据数值范围显示成不同的颜色,掩膜边界是一个用gis边界数据生成的图片,这两个数据也是以纹理对象的形式通过WebGL API传输到片元着色器对象中;
步骤3:顶点着色器通过图元装配传输到片元着色器,然后通过光栅化将片元信息存储到颜色缓冲区,最终再显示到浏览器页面上;
步骤4:通过操作动画播放控件,将时间信息传输到片元着色器对象中,片元着色器对象根据当前时间信息,对数据进行时间插值得到当前时间的数据状态,并光栅化进入颜色缓冲区,最终显示到浏览器页面上
步骤1所述的气象格点数据为二维数组+头文件描述信息。
步骤4所述的时间信息是开始时间到结束时间之间的任何时间。
WebGL利用GPU显卡资源进行数据的渲染和数据的时间插值,可以在很大程度上提高数据显示渲染和交互的效率,满足气象业务化的需求。
本发明相对于最接近的现有技术而言,有以下有益效果:利用这一技术可以将气象大数据以色斑图的形式显示的浏览器上,在时间动画时,数据显示非常顺畅和平滑,可以在很大程度上提高数据显示渲染和交互的效率,满足气象业务化的需求。
附图说明
图1为本发明的技术原理图。
具体实施方式
下面结合附图对本发明作具体说明。
以任意一个气象格点数据显示成动态色斑图为例:
如图1所述,本发明提供了一种NRIETWebGIS动态色斑图绘制方法,包括以下步骤:
步骤1、气象格点数据(二维数组+头文件描述信息)转换成RGB分量数据进而生成webgl支持的纹理对象,数据压缩之后可以减少网络传输的时间,同时可以将纹理对象由CPU传输到GPU,到达顶点着色器对象;
步骤2、显示样式是指气象数据根据数值范围显示成不同的颜色,掩膜边界可以是一个用gis边界数据生成的图片,这两个数据也是以纹理对象的形式通过WebGL API传输到片元着色器对象中;
步骤3、顶点着色器通过图元装配传输到片元着色器,然后通过光栅化将片元信息存储到颜色缓冲区,最终再显示到浏览器页面上。
步骤4、通过操作动画播放控件,将时间信息(可以是开始时间到结束时间之间的任何时间)传输到片元着色器对象中,片元着色器对象根据当前时间信息,对数据进行时间插值得到当前时间的数据状态,并光栅化进入颜色缓冲区,最终显示到浏览器页面上。
以上所述仅为本发明的优选实施例而已,并不限制于本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的权利要求范围之内。
Claims (3)
1.一种NRIETWebGIS动态色斑图绘制方法,其特征在于,包括以下步骤:
步骤1:气象格点数据转换成RGB分量数据进而生成webgl支持的纹理对象,数据压缩之后减少网络传输的时间,同时将纹理对象由CPU传输到GPU,到达顶点着色器对象;
步骤2:显示样式是指气象数据根据数值范围显示成不同的颜色,掩膜边界是一个用gis边界数据生成的图片,这两个数据也是以纹理对象的形式通过WebGL API传输到片元着色器对象中;
步骤3:顶点着色器通过图元装配传输到片元着色器,然后通过光栅化将片元信息存储到颜色缓冲区,最终再显示到浏览器页面上;
步骤4:通过操作动画播放控件,将时间信息传输到片元着色器对象中,片元着色器对象根据当前时间信息,对数据进行时间插值得到当前时间的数据状态,并光栅化进入颜色缓冲区,最终显示到浏览器页面上。
2.根据权利要求1所述的NRIETWebGIS动态色斑图绘制方法,其特征在于,步骤1所述的气象格点数据为二维数组+头文件描述信息。
3.根据权利要求1所述的NRIETWebGIS动态色斑图绘制方法,其特征在于,步骤4所述的时间信息是开始时间到结束时间之间的任何时间。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810251857.9A CN108447121A (zh) | 2018-03-26 | 2018-03-26 | NRIETWebGIS动态色斑图绘制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810251857.9A CN108447121A (zh) | 2018-03-26 | 2018-03-26 | NRIETWebGIS动态色斑图绘制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108447121A true CN108447121A (zh) | 2018-08-24 |
Family
ID=63196701
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810251857.9A Pending CN108447121A (zh) | 2018-03-26 | 2018-03-26 | NRIETWebGIS动态色斑图绘制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108447121A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109785417A (zh) * | 2018-11-29 | 2019-05-21 | 中国船舶重工集团公司第七0九研究所 | 一种实现OpenGL累积操作的方法及装置 |
CN110298781A (zh) * | 2019-07-04 | 2019-10-01 | 南京恩瑞特实业有限公司 | 基于WebGL的气象雷达及卫星大数据可视化方法 |
CN112116522A (zh) * | 2019-09-05 | 2020-12-22 | 北京无线电测量研究所 | 一种基于现代可编程图形管线的雷达数据可视化框架 |
CN112907436A (zh) * | 2021-02-02 | 2021-06-04 | 深圳市显控科技股份有限公司 | 基于OpenGL的线型绘制方法、系统及介质 |
CN114491351A (zh) * | 2022-04-18 | 2022-05-13 | 北京航空航天大学杭州创新研究院 | 可适配WebGIS平台的格点数据可视化方法和系统 |
CN116721196A (zh) * | 2023-06-26 | 2023-09-08 | 北京麟卓信息科技有限公司 | 一种压缩纹理的动态转换方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140327689A1 (en) * | 2014-04-22 | 2014-11-06 | Paul Maravelias | Technique for real-time rendering of temporally interpolated two-dimensional contour lines on a graphics processing unit |
CN104881836A (zh) * | 2015-05-21 | 2015-09-02 | 广东广宇科技发展有限公司 | 气象预警信息发布系统 |
CN106383965A (zh) * | 2016-10-13 | 2017-02-08 | 国家卫星气象中心 | 一种三维数值大气可视化支撑系统 |
US20170337663A1 (en) * | 2015-09-21 | 2017-11-23 | A.A.A Taranis Visual Ltd | Method and system for interpolating data |
CN107507264A (zh) * | 2017-09-14 | 2017-12-22 | 中国海洋大学 | 支持实时裁剪操作的球面体绘制方法 |
-
2018
- 2018-03-26 CN CN201810251857.9A patent/CN108447121A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140327689A1 (en) * | 2014-04-22 | 2014-11-06 | Paul Maravelias | Technique for real-time rendering of temporally interpolated two-dimensional contour lines on a graphics processing unit |
CN104881836A (zh) * | 2015-05-21 | 2015-09-02 | 广东广宇科技发展有限公司 | 气象预警信息发布系统 |
US20170337663A1 (en) * | 2015-09-21 | 2017-11-23 | A.A.A Taranis Visual Ltd | Method and system for interpolating data |
CN106383965A (zh) * | 2016-10-13 | 2017-02-08 | 国家卫星气象中心 | 一种三维数值大气可视化支撑系统 |
CN107507264A (zh) * | 2017-09-14 | 2017-12-22 | 中国海洋大学 | 支持实时裁剪操作的球面体绘制方法 |
Non-Patent Citations (1)
Title |
---|
VLADIMIR AGAFONKIN: "How I built a wind map with WebGL", 《HTTPS://BLOG.MAPBOX.COM/HOW-I-BUILT-A-WIND-MAP-WITH-WEBGL-B63022B5537F》 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109785417A (zh) * | 2018-11-29 | 2019-05-21 | 中国船舶重工集团公司第七0九研究所 | 一种实现OpenGL累积操作的方法及装置 |
CN110298781A (zh) * | 2019-07-04 | 2019-10-01 | 南京恩瑞特实业有限公司 | 基于WebGL的气象雷达及卫星大数据可视化方法 |
CN112116522A (zh) * | 2019-09-05 | 2020-12-22 | 北京无线电测量研究所 | 一种基于现代可编程图形管线的雷达数据可视化框架 |
CN112907436A (zh) * | 2021-02-02 | 2021-06-04 | 深圳市显控科技股份有限公司 | 基于OpenGL的线型绘制方法、系统及介质 |
CN114491351A (zh) * | 2022-04-18 | 2022-05-13 | 北京航空航天大学杭州创新研究院 | 可适配WebGIS平台的格点数据可视化方法和系统 |
CN116721196A (zh) * | 2023-06-26 | 2023-09-08 | 北京麟卓信息科技有限公司 | 一种压缩纹理的动态转换方法 |
CN116721196B (zh) * | 2023-06-26 | 2023-11-07 | 北京麟卓信息科技有限公司 | 一种压缩纹理的动态转换方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108447121A (zh) | NRIETWebGIS动态色斑图绘制方法 | |
JP6678209B2 (ja) | 非正規直交グリッドへのテクスチャマッピングのためのグラデーションの調整 | |
CN1707522B (zh) | 使用边缘数据位元遮罩的色彩压缩系统与方法 | |
CN105374005B (zh) | 数据处理系统及其操作方法、计算机可读存储介质 | |
CN101470893B (zh) | 一种基于位图缓存的矢量图形显示的加速方法 | |
CN102306391B (zh) | 基于OpenGL的倒影显示处理装置及方法 | |
US8290256B2 (en) | Image processing apparatus and image processing method | |
CN102999880B (zh) | 基于GPU的电力WebGIS矢量实时绘制方法及装置 | |
TWI708208B (zh) | 圖形處理系統 | |
JP2007241878A (ja) | 描画装置、描画方法及び描画プログラム | |
CN110298781A (zh) | 基于WebGL的气象雷达及卫星大数据可视化方法 | |
KR102315280B1 (ko) | 렌더링 장치 및 방법 | |
US10783696B2 (en) | Gradient adjustment for texture mapping to non-orthonormal grid | |
CN108537718B (zh) | Gpu中一种实现点图元反走样的装置和方法 | |
CN105719321A (zh) | 一种压缩纹理的方法及装置 | |
CN114491351B (zh) | 可适配WebGIS平台的格点数据可视化方法和系统 | |
CN109801352B (zh) | 一种气象格点数据动画显示方法 | |
CN106355634A (zh) | 模拟太阳的方法及装置 | |
CN103729190A (zh) | 在移动终端上多种媒介统一解析显示的方法 | |
CN107424206A (zh) | 一种利用现实环境影响虚拟场景光影表现的互动方法 | |
CN104318509B (zh) | 一种基于gpu的大批量目标高速标绘方法 | |
CN108986193A (zh) | 一种三维文字描边绘制方法 | |
JP2010515131A (ja) | ベクトルグラフィックをラスター化するプロセスにおいて境界を発生させるための方法およびシステム、ならびに、システムを製造するための方法 | |
CN102654914A (zh) | 使用图形处理单元加速图像去雾的方法 | |
CN102169594A (zh) | 一种实现任意区域渐变动画的方法和装置 |
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 | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180824 |
|
WD01 | Invention patent application deemed withdrawn after publication |