CN114625990A - 用于对网页端网格数据渲染的方法、装置、设备和介质 - Google Patents
用于对网页端网格数据渲染的方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN114625990A CN114625990A CN202210178618.1A CN202210178618A CN114625990A CN 114625990 A CN114625990 A CN 114625990A CN 202210178618 A CN202210178618 A CN 202210178618A CN 114625990 A CN114625990 A CN 114625990A
- Authority
- CN
- China
- Prior art keywords
- portable network
- position information
- data
- format image
- graphic format
- 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
-
- 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
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/70—Determining position or orientation of objects or cameras
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本说明书实施例公开了一种用于对网页端网格数据渲染的方法、装置、设备和介质。方案可以包括:服务端获取栅格数据,栅格数据包含多个像元,像元包含第一位置信息和变量值;依据预设映射关系,确定像元的变量值对应的色彩通道参数;将色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;依据第一位置信息以及第二位置信息,生成用于表示栅格数据的可移植网络图形格式图像的头文件;将包含头文件的可移植网络图形格式图像发送至网页端,以便网页端根据头文件和可移植网络图形格式图像进行渲染。本说明书实施例提供的渲染方法,能够减少数据传输过程中网络堵塞,实现实时数据可视化显示播放。
Description
技术领域
本申请涉及空间数据可视化领域,尤其涉及一种用于对网页端网格数据渲染的方法、装置、设备和计算机可读介质。
背景技术
空间数据可视化是复杂、海量空间数据及地理信息直观展现、多维分析、深度挖掘与扩展应用的重要手段,是多学科交叉的理论、方法和新技术。
目前网页端渲染二维场栅格数据主要是方式为服务器端渲染生成图片,客户端直接读取渲染好的图片进行显示。或者,网页端与服务端通过类似于json或者tiff交互传输数据,网页前端通过解析文本或者二进制tiff数据来获取原始数据,对原数据按照颜色渲染规则映射相应渲染规则生成图片,最终在网页地图上显示展示。
现有技术中采用第一种方式,通过读取服务端渲染好的图片进行显示,无法满足网页端页面快速自定义渲染方案;另一种方式通过获取实际数据文本或者二进制tiff数据来渲染,通过实际数据在客户端动态渲染,存在实际数据冗余度高,文件数据量大,网络请求时间长。二进制tiff数据读取解析需要第三方应用,数据存在不稳定性。
因此,急需一种用于对网页端网格数据渲染的方法。
发明内容
本说明书实施例提供一种用于对网页端网格数据渲染的方法、装置、设备和计算机可读介质,以解决现有的无法满足网页端自定义渲染,以及传输数据耗时长等问题。
为解决上述技术问题,本说明书实施例是这样实现的:
本说明书实施例提供的一种用于对网页端网格数据渲染的方法,包括:
服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
可选的,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体包括:
根据所述像元的实际数量,确定可移植网络图形格式图像的像素数量;所述可移植网络图形格式图像中的像素数量大于或的等于所述像元的实际数量。
可选的,所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内,具体包括:
按照预设顺序读取所述像元数据;按照所述预设顺序将所述像元数据存储于所述像素内。
可选的,所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内,具体包括:
获取所述栅格数据中的变量值的维度个数;
根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
可选的,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体包括:
根据所述像元中的最大值和最小值,确定所述像元的变量值对应的色彩通道参数。
可选的,所述方法还包括:
根据待渲染区域,确定与所述待渲染区域对应的栅格数据;
根据所述栅格数据和所述待渲染区域对应的栅格数据,确定非渲染区域对应的栅格数据;
调整所述非渲染区域对应的栅格数据的像元的变量值对应的阿尔法通道值。
本说明书实施例提供的一种用于对网页端网格数据渲染的装置,包括:
获取模块,用于服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
确定模块,用于依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
填充模块,用于将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
生成模块,用于依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
渲染模块,用于将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
可选的,所述填充模块,还用于获取所述栅格数据中的变量值的维度个数;根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
本说明书实施例提供一种用于对网页端网格数据渲染的设备,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
本说明书实施例提供一种计算机可读介质,其上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现上述的用于对网页端网格数据渲染的方法。
本说明书一个实施例至少能够达到以下有益效果:
通过将栅格数据按照预设映射关系对应填充至可移植网络图形格式图像的色彩通道内,并将可移植网络图形格式图像传输至网页端,减少数据传输量,以便提高数据传输效率,进而也可实现网络端对于海量数据的快速获取以及渲染。
附图说明
为了更清楚地说明本说明书实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本说明书实施例提供的一种用于对网页端网格数据渲染系统的整体架构图;
图2为本说明书实施例提供的一种用于对网页端网格数据渲染的方法的流程示意图;
图3为本说明书实施例提供的一种PNG存储数据结构示意图;
图4为本说明书实施例提供的另一种用于对网页端网格数据渲染的方法的流程示意图;
图5为本说明书实施例提供的一种用于对网页端网格数据渲染的装置的结构示意图;
图6为本说明书实施例提供的一种用于对网页端网格数据渲染的设备的结构示意图。
具体实施方式
为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚,下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本说明书的一部分实施例,而不是全部的实施例。基于本说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本说明书一个或多个实施例保护的范围。
应当理解,尽管在本申请文件中可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。
以下结合附图,详细说明本说明书各实施例提供的技术方案。
图1为本说明书实施例提供的一种用于对网页端网格数据渲染系统的整体架构图,如图1所示,该系统可以包括服务端10和网页端20。服务端10能够获取待处理的栅格数据,并对栅格数据进行预处理,以将栅格数据填充至可移植网络图形格式图像中。服务端10将可移植网络图形格式图像发送给网页端,网页端20获取可移植网络图形格式图像之后,可以对栅格数据进行渲染,得到渲染后的栅格数据。服务端10可以是单独的一台设备,也可以是由多台设备组成的系统(如,分布式服务器)。网页端20可以是手机、平板电脑、个人电脑等终端设备的网页端。
图2为本说明书实施例提供的一种用于对网页端网格数据渲染的方法的流程示意图。
如图2所示,该流程可以包括以下步骤:
步骤202:服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型。
栅格数据是将空间分割成有规律的网格,每一个网格称为一个像元,并在各像元上赋予相应的属性值来表示实体的一种数据形式。栅格数据可以是航空图像数据、卫星图像数据等等。其中,卫星遥感数据可以根据不同波段和通道反演欲表达的气象,例如:风、温度、湿度、露点温度、压强、火点情况等。
像元包括变量值和第一位置信息,其中,变量值可以表示栅格数据表达的现象的量值,例如,当栅格数据描述的是温度信息时,变量值可以为该栅格数据中包含的真实的温度值,如25摄氏度。第一位置信息可以用于表示该像元实际的地理位置,例如:东经115度,北纬40度。
本说明书实施例中的用于对网页端网格数据渲染的方法能够对特定区域内的温度在地图上渲染展示,为了更好地保留数据特征,采用浮点型数据对栅格数据内的变量值进行存储。实际应用中也可以采用整型数据进行变量值存储,具体存储方式可以根据实际需求进行设定,这里不作具体限定。
步骤204:依据预设映射关系,确定所述像元的变量值对应的色彩通道参数。
步骤206:将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内。
本说明书实施例中采用可移植网络图形(Portable Network Graphics,简称PNG)格式进行数据的传输,PNG为一种网页浏览器支持的图形文件格式。PNG能够存储和压缩图像,并且在解压缩图像时,不会丢失图形图像数据。在PNG文件采用采用LZ77算法的派生算法进行压缩,可以获得高的压缩比,不损失数据。每一PNG文件对应3个色彩通道,将变量值转换为二进制数据存储在色彩通道内,能够实现在无损情况下对栅格数据的传输。除此之外,PNG文件的体积较小,易于在网络中进行传输。
步骤208:依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息。
本说明书实施例中的第一位置信息可以表示栅格数据中每一像元的真实地理位置信息,像元在映射到PNG文件中时,会根据映射关系映射到PNG文件中的某一像素内,第二位置信息为所述像元映射到PNG文件中的像素所在的位置,第二位置信息可以标识为xy坐标的形式,例如:第二位置信息可以表示为(154,313)。
步骤210:将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
网页端根据头文件、可移植网络图形格式图像对栅格数据进行渲染,实际应用中,网页端用户可以按照预设渲染规则进行渲染,也可以自定义的渲染规则对栅格数据进行渲染,得到渲染后的数据。
应当理解,本说明书一个或多个实施例所述的方法中,部分步骤的顺序可以根据实际需要调整,或者可以省略部分步骤。
本说明书实施例提供的用于对网页端网格数据渲染的方法,通过将栅格数据中表示的变量值转换为PNG的色彩通道内进行传输,采用PNG方式对数据的编译、压缩、传输、解译数据,可以极大压缩传输数据量,降低网络请求堵塞的概率。
并且,可移植网络图形格式图像中存储有像元的变量值,头文件中存储有变量值对应的第一位置信息在可移植网络图形格式图像中的第二位置信息,以便网页端能够根据头文件和可移植网络图形格式图像还原出栅格数据。
另一方面,本说明书实施例中采用PNG存储栅格数据,利用PNG传输数据的方式能报保证数据无损失,进而本说明书实施例提供的方案也能够满足实时数据或者大量多帧播放的需求。
基于图2的方法,本说明书实施例还提供了该方法的一些具体实施方式,下面进行说明。
作为一种可选的实施方式,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体可以包括:
根据所述像元的实际数量,确定可移植网络图形格式图像的像素数量;所述可移植网络图形格式图像中的像素数量大于或的等于所述像元的实际数量。
实际应用中,可以根据栅格数据中像元的数量确定PNG的大小,以使PNG中像素的数量大于或者等于像元的实际数量。进而能够保证PNG足够存储栅格数据中的像元数据。例如:PNG图像中像元的数量为实际栅格数据中像元个数的1.5倍。又例如:PNG图像中像元的数量可以与实际栅格数据中像元的个数相同。实际应用中,可以根据实际需求设定PNG大小,这里对具体数值不作限定。
作为一种可选的实施方式,所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内,具体可以包括:
获取所述栅格数据中的变量值的维度个数;
根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
实际应用中,栅格数据中表示的现象可能包含多个维度,例如:风速,风速包含两个不同变量值,其中一个变量值表示水平风速,一个变量表示垂直风速,通过水平风速和竖直风速合成最终的风速。此时,栅格数据中的变量值的维度为2个,因此,需要PNG中的两个不同的色彩通道进行存储栅格数据。例如:可以选择R通道存储水平风速,G通道存储竖直风速。
作为一种可选的实施方式,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体可以包括:
根据所述像元中的最大值和最小值,确定所述像元的变量值对应的色彩通道参数。
实际应用中,依次记录栅格数据中像元的变量值,确定该变量值中的最大值和最小值,并将变量值映射到PNG文件存储色彩通道的存储范围内。例如:PNG文件的格式为8位,则单个色彩通道的存储范围是28,即0~255。又例如:变量值的最大值为max,最小值为min,当前变量值为x,经过映射后结果为f(x)=x/(max–min)*255。映射后的结果可以作为变量值对应的色彩通道参数。
图3为本说明书实施例提供的一种PNG存储数据结构示意图。如图3所示,PNG图像中的每一像素均可包含4个通道,即R、G、B、A通道,其中,R、G、B三个作为色彩通道可以对数据进行存储,A通道为阿尔法通道,通过设置该通道的不同值能够实现对栅格数据是否进行渲染。本说明书实施例中R、G、B、A通道优选为8位存储结构。
选择可移植网络图形格式图像的任意一色彩通道,对应填充上述色彩通道参数。例如:栅格数据中表示的现象为温度,将经过映射后的色彩参数填充至R通道内。应理解,上述色彩参数还可以存储至G通道或B通道中。
作为一种可选的实施方式,所述方法还可以包括:
根据待渲染区域,确定与所述待渲染区域对应的栅格数据;
根据所述栅格数据和所述待渲染区域对应的栅格数据,确定非渲染区域对应的栅格数据;
调整所述非渲染区域对应的栅格数据的像元的变量值对应的阿尔法通道值。
实际应用中,根据用户实际需求生成待渲染区域,并对待渲染区域内的栅格数据进行渲染,对非渲染区域内的栅格数据无需渲染,例如:当用户实际需求为渲染北京市的气温时,在该实施例中仅对北京区域内的栅格数据进行渲染,而对于非北京区域内的栅格数据无需进行渲染。本说明书实施例中还可以对某一行政区域内的栅格数据进行渲染。例如:对北京市东城区的栅格数据进行渲染。本说明书实施例中可以通过调节阿尔法通道值调整栅格数据是否进行渲染,例如:阿尔法通道值为1时,表示对该色彩通道内的像元需要进行渲染;阿尔法通道值为0时,表示对该色彩通道内的像元不需要进行渲染。需要说明的是,本说明书实施例中亦可以将阿尔法通道值设置为其他值,仅需将进行渲染区域对应的色彩通道内的阿尔法通道值与不进行渲染区域对应的色彩通道内的阿尔法通道值设置为不同的值即可,这里不作具体限定。
通过上述步骤,能够通道调节阿尔法通道值实现对预设区域的渲染,增加本申请说明书实施例的适用范围。
根据上面的说明,本说明书实施例提供的一种实际应用场景下,用于对网页端栅格数据渲染的方法的流程示意图。图4为本说明书实施例提供的另一种用于对网页端网格数据渲染的方法的流程示意图。如图4所示,在该实施例中栅格数据是一种网络通用数据格式(Network Common Data Form,简称NetCDF)的数据,是一种气象遥感数据。在该实例中,可以包括以下步骤:
步骤402:服务器端读取NetCDF数据;所述NetCDF数据中包含变量值和第一位置信息。
例如:该NetCDF数据中记录的为某一时次关于空间经纬度的气温值网格数据。第一位置信息是指经纬度,变量值是指气温的大小。
步骤404:将所述栅格数据内的变量值依据预设映射关系,确定所述像元的变量值对应的色彩通道参数。
实际应用中,可以按照预设顺序依次读取像元内变量值的大小,例如:当下网格数据内的最高气温与最低气温,将实际的网格数值根据映射关系映射至0到255范围内,可以将上述映射后的变量值写入PNG的R、G或B任一色彩通道中。
步骤406:将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
步骤408:依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息。
本说明书实施例中在将栅格数据对应存储至PNG中的色彩通道内时,需要记录每一像元对应存储在PNG图像中的实际位置。例如:栅格数据中的第一行第一列的像元数据存储在PNG图像中的第一行第一列中的像素内。
实际应用中,可以根据栅格数据的尺寸确定PNG图像的尺寸,PNG图像的像素数量大于或者等于像元数量即可。
优选的,可以选择与栅格数据尺寸相同尺寸的PNG图像,以使栅格数据中像元的第一位置信息与PNG图像中的第二位置信息保持一致。
步骤410:将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
实际应用中,可以采集PNG文件、像元等信息数据通过网页请求传到浏览器前端,网页前端通过canvas(前端画布)技术读取PNG文件中像素值,将头文件和PNG的像素值射影至真实温度数据集,然后根据颜色映射表函数将真实温度数据转换为彩色图像。例如:可以基于色彩映射表字典的特定颜色或者色带对真实数据进行转换,以将实际气象栅格数据显示为彩色图像。
除此之外,当栅格数据的实际范围大于渲染范围时,可以对实际渲染的范围进行剪裁。通过将边界外的像素值阿尔法通道值设为0,实现对边界外的栅格数据不进行渲染。
本说明书实施例中,当对渲染后的地图放大或缩小过程中,还可以根据当前地图显示范围的屏幕实际尺寸,读取每个屏幕像素每个位置,利用网络地理信息系统(WebGeographic Information System,简称WebGIS)找到实际数据像元,通过双线性插值与周围像元数值来定位精确经纬度坐标位置的插值数据,插值数据通过色彩映射函数转换对应颜色值,这样就可以达到在地图上数据平滑。
具体地,计算当前浏览器分辨率像素数量,对于任意一点(sx,sy),可以根据地图级别和范围,计算屏幕像素点对应的地理坐标(x,y),并根据该地理坐标(x,y)确定栅格数据,通过与该栅格数据相邻的4个栅格数据,计算出(sx,sy)对应的栅格数据。例如:对4个栅格数据求取平均值。将这个数值作为参数传入色彩映射函数中,得到颜色值,就可以渲染该点颜色。因为插值存在,颜色呈过渡状态,不会出现片状马赛克的效果。
本说明书实施例中还可以通过某一经纬度位置检索实际的气温栅格数值,以便能够通过鼠标等事件交互来获取某一位置的气温值。
基于同样的思路,本说明书实施例还提供了上述方法对应的装置。图5为本说明书实施例提供的一种用于对网页端网格数据渲染的装置的结构示意图。如图5所示,该装置可以包括:
获取模块501,用于服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
确定模块503,用于依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
填充模块505,用于将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
生成模块507,用于依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
渲染模块509,用于将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
基于图5的装置,本说明书实施例还提供了该方法的一些具体实施方案,下面进行说明。
可选的,所述填充模块,还用于获取所述栅格数据中的变量值的维度个数;根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
可以理解,上述的各模块是指计算机程序或者程序段,用于执行某一项或多项特定的功能。此外,上述各模块的区分并不代表实际的程序代码也必须是分开的。
基于同样的思路,本说明书实施例还提供了上述方法对应的设备。
图6为本说明书实施例提供的一种用于对网页端网格数据渲染的设备的结构示意图。如图6所示,设备600可以包括:
至少一个处理器610;以及,
与所述至少一个处理器通信连接的存储器630;其中,
所述存储器630存储有可被所述至少一个处理器610执行的指令620,所述指令被所述至少一个处理器610执行,以使所述至少一个处理器610能够:
服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
基于同样的思路,本说明书实施例还提供了上述方法对应的计算机可读介质。计算机可读介质上存储有计算机可读指令,所述计算机可读指令可被处理器执行以实现用于对网页端网格数据渲染方法。
上述对本说明书特定实施例进行了描述,在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可。
本说明书实施例提供的装置、设备与方法是对应的,因此,装置、设备也具有与对应方法类似的有益技术效果,由于上面已经对方法的有益技术效果进行了详细说明,因此,这里不再赘述对应装置、设备的有益技术效果。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字符系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字符多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种用于对网页端网格数据渲染的方法,其特征在于,包括:
服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
2.根据权利要求1所述的用于对网页端栅格数据渲染的方法,其特征在于,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体包括:
根据所述像元的实际数量,确定可移植网络图形格式图像的像素数量;所述可移植网络图形格式图像中的像素数量大于或的等于所述像元的实际数量。
3.根据权利要求2所述的用于对网页端栅格数据渲染的方法,其特征在于,所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内,具体包括:
按照预设顺序读取所述像元数据;按照所述预设顺序将所述像元数据存储于所述像素内。
4.根据权利要求1所述的用于对网页端栅格数据渲染的方法,其特征在于,所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内,具体包括:
获取所述栅格数据中的变量值的维度个数;
根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
5.根据权利要求1所述的用于对网页端网格数据渲染的方法,其特征在于,所述依据预设映射关系,确定所述像元的变量值对应的色彩通道参数,具体包括:
根据所述像元中的最大值和最小值,确定所述像元的变量值对应的色彩通道参数。
6.根据权利要求1所述的用于对网页端网格数据渲染的方法,其特征在于,所述方法还包括:
根据待渲染区域,确定与所述待渲染区域对应的栅格数据;
根据所述栅格数据和所述待渲染区域对应的栅格数据,确定非渲染区域对应的栅格数据;
调整所述非渲染区域对应的栅格数据的像元的变量值对应的阿尔法通道值。
7.一种用于对网页端网格数据渲染的装置,其特征在于,包括:
获取模块,用于服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
确定模块,用于依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
填充模块,用于将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
生成模块,用于依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
渲染模块,用于将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
8.根据权利要求7所述的用于对网页端网格数据渲染的装置,其特征在于,所述填充模块,还用于获取所述栅格数据中的变量值的维度个数;根据所述变量的维度个数,将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。
9.一种用于对网页端网格数据渲染的设备,其特征在于,包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够:
服务端获取栅格数据,所述栅格数据包含多个像元,所述像元包含第一位置信息和变量值;所述变量值的存储类型为浮点型;
依据预设映射关系,确定所述像元的变量值对应的色彩通道参数;
将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内;
依据所述第一位置信息以及第二位置信息,生成用于表示所述栅格数据的可移植网络图形格式图像的头文件;所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息;
将包含所述头文件的所述可移植网络图形格式图像发送至网页端,以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。
10.一种计算机可读介质,其上存储有计算机可读指令,其特征在于,所述计算机可读指令可被处理器执行以实现权利要求1至6中任一项所述的用于对网页端网格数据渲染的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210178618.1A CN114625990A (zh) | 2022-02-25 | 2022-02-25 | 用于对网页端网格数据渲染的方法、装置、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210178618.1A CN114625990A (zh) | 2022-02-25 | 2022-02-25 | 用于对网页端网格数据渲染的方法、装置、设备和介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114625990A true CN114625990A (zh) | 2022-06-14 |
Family
ID=81900542
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210178618.1A Pending CN114625990A (zh) | 2022-02-25 | 2022-02-25 | 用于对网页端网格数据渲染的方法、装置、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114625990A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117496001A (zh) * | 2024-01-02 | 2024-02-02 | 埃洛克航空科技(北京)有限公司 | 一种渲染自定义几何体依附模型的方法及装置 |
-
2022
- 2022-02-25 CN CN202210178618.1A patent/CN114625990A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117496001A (zh) * | 2024-01-02 | 2024-02-02 | 埃洛克航空科技(北京)有限公司 | 一种渲染自定义几何体依附模型的方法及装置 |
CN117496001B (zh) * | 2024-01-02 | 2024-04-26 | 埃洛克航空科技(北京)有限公司 | 一种渲染自定义几何体依附模型的方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110956673B (zh) | 一种地图绘制方法及装置 | |
WO2022193941A1 (zh) | 图像渲染方法、装置、设备、介质和计算机程序产品 | |
JP5595739B2 (ja) | グラフィックスを処理する方法およびそのための装置 | |
JP7325535B2 (ja) | アニメーションレンダリング方法、装置、コンピュータ読み取り可能な記憶媒体、及びコンピュータ機器 | |
CN107015788B (zh) | 在移动设备上动画展现图像的方法和装置 | |
CN110717005B (zh) | 一种热力图纹理的生成方法、装置及设备 | |
CN100378762C (zh) | 减少z缓冲区流量的三维图形处理装置 | |
CN110580273B (zh) | 地图gis数据处理存储方法、装置、可读存储介质 | |
US11314400B2 (en) | Unified digital content selection system for vector and raster graphics | |
CN103605506A (zh) | 一种图形用户界面资源的显示方法及终端 | |
CN114625990A (zh) | 用于对网页端网格数据渲染的方法、装置、设备和介质 | |
US9501812B2 (en) | Map performance by dynamically reducing map detail | |
CN115439609A (zh) | 基于地图服务的三维模型渲染方法、系统、设备及介质 | |
CN105931284B (zh) | 三维纹理tin数据与大场景数据的融合方法及装置 | |
CN112843700B (zh) | 地形图像的生成方法、装置、计算机设备和存储介质 | |
CN111402369A (zh) | 互动广告的处理方法、装置、终端设备及存储介质 | |
CN113538468B (zh) | 基于svg格式构建高清卫星地图矢量切片的方法及装置 | |
CN116737852A (zh) | 一种基于矢量瓦片数据的矢量绘图方法、装置和电子设备 | |
US20220366621A1 (en) | Systems for Generating Anti-Aliased Vector Objects | |
JP2000148126A (ja) | 画像表示装置及び方法 | |
CN115965752B (zh) | 环境数据分布图的生成方法、装置、存储介质及电子设备 | |
CN116976280B (zh) | 基于矢量图标的电网gis图元渲染方法及装置 | |
AU2019213404B2 (en) | Unified selection model for vector and raster graphics | |
CN111506680B (zh) | 地形数据生成、渲染方法及装置、介质、服务器、终端 | |
Presnyakov et al. | Graphic File Formats for Web Virtual Globe |
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 |