The invention discloses a WebGL-based meter-scale thermodynamic diagram dynamic rendering method and a WebGL-based meter-scale thermodynamic diagram dynamic rendering
system, and belongs to the technical field of geographic information systems (GIS) and
data visualization. The problem that an existing thermodynamic diagram is distorted in
mass data processing, real-time updating
flicker and multi-scale zooming is solved. The method comprises the following steps: determining a rendering range and a meter-scale rendering unit, configuring a
color gradient, carrying out bilinear interpolation coloring by utilizing a fragment
shader, constructing a self-defined rendering primitive of a
quadrilateral grid structure, generating a dynamically updated self-defined texture map, and realizing efficient rendering in combination with a GIS (
Geographic Information System) platform. The
system comprises a rendering range determination module, a color configuration module, a fragment coloring module, a custom rendering primitive module, a texture map generation module, a thermodynamic diagram rendering module and a data updating module. According to the method, GPU
parallel computing is used for optimizing
mass data processing, picture
flicker is avoided through dynamic texture updating, multi-scale rendering precision is ensured based on a meter-scale grid structure, the real-time performance, accuracy and
usability of a thermodynamic diagram are remarkably improved, and the method is suitable for multiple fields of
urban planning traffic monitoring.