Atmospheric forecast data visualization method and device and electronic equipment

Abstract

The embodiment of the invention provides an atmosphere forecast data visualization method and device and electronic equipment, relates to the technical field of data processing, and is used for displaying atmosphere forecast data combination display effects of multiple resolutions at the same time and improving user experience. The method comprises the following steps: in response to a zooming request triggered by a user on an atmosphere forecast data display page, obtaining a display area corresponding to the zooming request; when it is determined that the display area contains the target area, loading first atmosphere forecast data corresponding to the first atmosphere forecast mode on a base map corresponding to the display area to obtain a first intermediate rendering result, and performing transparency processing on the target area contained in the first intermediate rendering result to obtain a second intermediate rendering result; second atmosphere forecasting data corresponding to a second atmosphere forecasting mode are loaded on a target area contained in the second intermediate rendering result, a first target rendering result is obtained, and the resolution ratio of the first atmosphere forecasting mode is lower than that of the second atmosphere forecasting mode.

Description

Technical Field

[0001] This application relates to the field of data processing technology, and in particular to a method, apparatus and electronic device for visualizing atmospheric forecast data. Background Technology

[0002] With the continuous development of society and the continuous improvement of people's economic level, people's requirements for living environment are also gradually increasing, and people's demand for the accuracy of atmospheric forecast data is also increasing, such as air changes in a certain city or a certain block. Atmospheric forecast data refers to data that predicts the future state of the atmosphere by calculating and generating through forecast models.

[0003] Currently, the atmospheric forecast data display and analysis system presents atmospheric forecast data by switching modes. Specifically, the system provides a selection button for the forecast model. Responding to the user's selection, it displays atmospheric forecast data at a specific resolution for that selected option. Each forecast model has its own corresponding resolution, and the atmospheric forecast data for each model is atmospheric forecast data at that corresponding resolution. For example, if the user selects the Nested Air Quality Prediction Modeling System (NAQPMS) mode (resolution 22 km), the atmospheric forecast data display and analysis system will display atmospheric forecast data at the 22 km resolution corresponding to the NAQPMS model.

[0004] However, the above-mentioned atmospheric forecast data display method can only provide one resolution of data view at a time, and users can only see atmospheric forecast data at one resolution. This makes it impossible for users to grasp the macro-level weather or pollution situation while also gaining insight into the detailed local forecasts. The information is fragmented, resulting in a poor user experience. Summary of the Invention

[0005] This application provides a method, apparatus, and electronic device for visualizing atmospheric forecast data, which can simultaneously display the combined display effect of atmospheric forecast data at multiple resolutions, thereby improving the user experience.

[0006] In a first aspect, embodiments of this application provide a method for visualizing atmospheric forecast data, the method comprising: In response to a zoom request triggered by a user on the atmospheric forecast data display page, obtain the display area corresponding to the zoom request; When it is determined that the display area contains the target area, the first atmospheric forecast data corresponding to the first atmospheric forecast mode is loaded on the map base map corresponding to the display area to obtain the first intermediate rendering result, and the target area contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result. The second atmospheric forecast data corresponding to the second atmospheric forecast model is loaded onto the target area contained in the second intermediate rendering result to obtain the first target rendering result. The first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast model is lower than that of the second atmospheric forecast model.

[0007] In an optional embodiment, after obtaining the display area corresponding to the scaling request, the method further includes: Determine the inclusion relationship between each forecast area and the display area, where each forecast area corresponds to an atmospheric forecast model with a different resolution; When there is at least one first forecast region that includes the displayed region in each forecast region, and at least one second forecast region that is included in the displayed region in each forecast region, it is determined that the displayed region includes the target region. The atmospheric forecast model associated with the smallest forecast region in at least one first forecast region is taken as the first atmospheric forecast model, and the atmospheric forecast model associated with the largest forecast region in at least one second forecast region is taken as the second atmospheric forecast model. The target region is the region corresponding to the largest forecast region in at least one second forecast region.

[0008] In an optional embodiment, the method further includes: When there is no forecast area contained in the displayed area in any forecast area, the atmospheric forecast model associated with the smallest forecast area in each forecast area is used as the third atmospheric forecast model corresponding to the displayed area. The resolution of the third atmospheric forecast model is higher than that of other atmospheric forecast models. Load the third atmospheric forecast data corresponding to the third atmospheric forecast mode onto the base map of the display area to obtain the second target rendering result, which displays the third atmospheric forecast data.

[0009] In an optional embodiment, the method further includes: When there is no forecast area that includes the display area in any forecast area, the atmospheric forecast model associated with the forecast area with the largest range in each forecast area is used as the fourth atmospheric forecast model corresponding to the display area. The resolution of the fourth atmospheric forecast model is lower than that of other atmospheric forecast models. Load the fourth atmospheric forecast data corresponding to the fourth atmospheric forecast model onto the base map corresponding to the display area to obtain the third intermediate rendering result. Then, crop the rendering data of the area outside the forecast area corresponding to the fourth atmospheric forecast model in the third intermediate rendering result to obtain the third target rendering result. The third target rendering result displays the fourth atmospheric forecast data.

[0010] In one optional embodiment, loading first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the base map corresponding to the display area to obtain a first intermediate rendering result includes: Acquire first atmospheric forecast data, which includes: forecast spatial grid information and forecast data for each grid point; A target layer is generated on the base map corresponding to the display area, and the target forecast data corresponding to each pixel in the target layer is determined based on the first atmospheric forecast data. The target layer is rendered based on the target prediction data corresponding to each pixel to obtain the first intermediate rendering result.

[0011] In one optional embodiment, acquiring first atmospheric forecast data includes: Acquire preprocessed data, which is: data after preprocessing the atmospheric forecast data output by the forecast model corresponding to the first atmospheric forecast model; The preprocessed data is analyzed to obtain the first atmospheric forecast data.

[0012] In one optional embodiment, the target region contained in the first intermediate rendering result is made transparent to obtain a second intermediate rendering result, including: The rendering data corresponding to the target area in the first intermediate rendering result is removed to obtain the second intermediate rendering result.

[0013] In an optional embodiment, when the forecast area corresponding to the second atmospheric forecast model is the forecast area with the smallest range among all forecast areas, the view mode corresponding to the target area in the first target rendering result is 3D, and the target area displays building models. The view mode corresponding to the area outside the target area in the first target rendering result is 2D.

[0014] Secondly, embodiments of this application also provide a visualization device for atmospheric forecast data, the device comprising: The response module is used to respond to zoom requests triggered by users on the atmospheric forecast data display page and obtain the display area corresponding to the zoom request; The first processing module is used to load the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area when it is determined that the display area contains the target area, to obtain the first intermediate rendering result, and to make the target area contained in the first intermediate rendering result transparent to obtain the second intermediate rendering result. The second processing module is used to load the second atmospheric forecast data corresponding to the second atmospheric forecast mode onto the target area contained in the second intermediate rendering result to obtain the first target rendering result. The first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast mode is lower than the resolution of the second atmospheric forecast mode.

[0015] In an optional embodiment, after obtaining the display area corresponding to the scaling request, the first processing module is further configured to: Determine the inclusion relationship between each forecast area and the display area, where each forecast area corresponds to an atmospheric forecast model with a different resolution; When there is at least one first forecast region that includes the displayed region in each forecast region, and at least one second forecast region that is included in the displayed region in each forecast region, it is determined that the displayed region includes the target region. The atmospheric forecast model associated with the smallest forecast region in at least one first forecast region is taken as the first atmospheric forecast model, and the atmospheric forecast model associated with the largest forecast region in at least one second forecast region is taken as the second atmospheric forecast model. The target region is the region corresponding to the largest forecast region in at least one second forecast region.

[0016] In an optional embodiment, the first processing module is further configured to: When there is no forecast area contained in the displayed area in any forecast area, the atmospheric forecast model associated with the smallest forecast area in each forecast area is used as the third atmospheric forecast model corresponding to the displayed area. The resolution of the third atmospheric forecast model is higher than that of other atmospheric forecast models. Load the third atmospheric forecast data corresponding to the third atmospheric forecast mode onto the base map of the display area to obtain the second target rendering result, which displays the third atmospheric forecast data.

[0017] In an optional embodiment, the first processing module is further configured to: When there is no forecast area that includes the display area in any forecast area, the atmospheric forecast model associated with the forecast area with the largest range in each forecast area is used as the fourth atmospheric forecast model corresponding to the display area. The resolution of the fourth atmospheric forecast model is lower than that of other atmospheric forecast models. Load the fourth atmospheric forecast data corresponding to the fourth atmospheric forecast model onto the base map corresponding to the display area to obtain the third intermediate rendering result. Then, crop the rendering data of the area outside the forecast area corresponding to the fourth atmospheric forecast model in the third intermediate rendering result to obtain the third target rendering result. The third target rendering result displays the fourth atmospheric forecast data.

[0018] In an optional embodiment, when loading the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area to obtain the first intermediate rendering result, the first processing module is further configured to: Acquire first atmospheric forecast data, which includes: forecast spatial grid information and forecast data for each grid point; A target layer is generated on the base map corresponding to the display area, and the target forecast data corresponding to each pixel in the target layer is determined based on the first atmospheric forecast data. The target layer is rendered based on the target prediction data corresponding to each pixel to obtain the first intermediate rendering result.

[0019] In an optional embodiment, when acquiring the first atmospheric forecast data, the first processing module is further configured to: Acquire preprocessed data, which is: data after preprocessing the atmospheric forecast data output by the forecast model corresponding to the first atmospheric forecast model; The preprocessed data is analyzed to obtain the first atmospheric forecast data.

[0020] In an optional embodiment, when the target region contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result, the first processing module is further configured to: The rendering data corresponding to the target area in the first intermediate rendering result is removed to obtain the second intermediate rendering result.

[0021] In an optional embodiment, when the forecast area corresponding to the second atmospheric forecast model is the forecast area with the smallest range among all forecast areas, the view mode corresponding to the target area in the first target rendering result is 3D, and the target area displays building models. The view mode corresponding to the area outside the target area in the first target rendering result is 2D.

[0022] Thirdly, embodiments of this application also provide an electronic device, including: Processor; and Stored program memory, The program includes instructions that, when executed by a processor, cause the processor to perform a method for visualizing atmospheric forecast data as described in the first aspect.

[0023] Fourthly, embodiments of this application also provide a non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause a computer to execute the method for visualizing atmospheric forecast data as described in the first aspect.

[0024] Fifthly, this application provides a computer program product that, when invoked by a computer, causes the computer to execute the steps of the atmospheric forecast data visualization method as described in the first aspect.

[0025] The beneficial effects of this application are as follows: In the atmospheric forecast data visualization method provided in this application embodiment, in response to a zoom request triggered by a user on the atmospheric forecast data display page, the display area corresponding to the zoom request is obtained. When it is determined that the display area contains a target area, the first atmospheric forecast data corresponding to the first atmospheric forecast mode is loaded onto the map base map corresponding to the display area to obtain a first intermediate rendering result. The target area contained in the first intermediate rendering result is then made transparent to obtain a second intermediate rendering result. The second atmospheric forecast data corresponding to the second atmospheric forecast mode is loaded onto the target area contained in the second intermediate rendering result to obtain a first target rendering result. The first target rendering result is used to display the first atmospheric forecast data and the second atmospheric forecast data in combination. The resolution of the first atmospheric forecast mode is lower than that of the second atmospheric forecast mode. In this way, the user does not need to manually switch modes, realizing the automatic and seamless combination and display of atmospheric forecast data of different resolutions within a single view, improving the user experience. At the same time, it effectively avoids display errors such as color conflicts and blurred boundaries that may occur when data of different resolutions are directly superimposed. This ensures that the final rendering results can show both the macroscopic trends over a wide range (through first atmospheric forecast data) and highlight the fine details of key areas (through second atmospheric forecast data), providing a richer and more accurate information hierarchy.

[0026] Furthermore, other features and advantages of this application will be set forth in the following description and will be apparent in part from the description, or may be learned by practicing the application. The objectives and other advantages of this application may be realized and obtained by means of the structures particularly pointed out in the written description, claims, and drawings. Attached Figure Description

[0027] To more clearly illustrate the technical solutions in the embodiments of the present invention, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described herein are used to provide a further understanding of this application, constitute a part of this application, and do not constitute an improper limitation of this application. In the accompanying drawings: Figure 1 A schematic diagram illustrating a switching mode provided in an embodiment of this application; Figure 2 This is a schematic diagram of an optional system architecture applicable to the embodiments of this application; Figure 3 A schematic diagram illustrating the implementation process of an atmospheric forecast data visualization method provided in this application embodiment; Figure 4 A schematic diagram showing the forecast geographic range and grid cell division of each atmospheric forecasting model provided in the embodiments of this application; Figure 5 A schematic diagram illustrating the relationship between various atmospheric forecasting models provided in the embodiments of this application; Figure 6 PM provided for embodiments of this application 2.5 A schematic diagram of the rendered legend; Figure 7 A schematic diagram of clockwise and counterclockwise masks provided in the embodiments of this application; Figure 8 A first schematic diagram illustrating the combined display effect of atmospheric forecast data provided in this application embodiment; Figure 9 A second schematic diagram illustrating the combined display effect of atmospheric forecast data provided in this application embodiment; Figure 10 A schematic diagram of the structure of an atmospheric forecast data visualization device provided in this application embodiment; Figure 11 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0028] Embodiments of this application will now be described in more detail with reference to the accompanying drawings. While some embodiments of this application are shown in the drawings, it should be understood that this application can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this application. It should be understood that the drawings and embodiments of this application are for illustrative purposes only and are not intended to limit the scope of protection of this application.

[0029] It should be understood that the steps described in the method embodiments of this application may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this application is not limited in this respect.

[0030] The term "comprising" and its variations as used herein are open-ended, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the following description. It should be noted that the concepts of "first", "second", etc., mentioned in this application are used only to distinguish different devices, modules, or units, and are not intended to limit the order of functions performed by these devices, modules, or units or their interdependencies.

[0031] It should be noted that the terms "a" and "a plurality of" used in this application are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0032] The names of the messages or information exchanged between multiple devices in the embodiments of this application are for illustrative purposes only and are not intended to limit the scope of these messages or information.

[0033] The following explanations of some terms used in the embodiments of this application are provided to facilitate understanding by those skilled in the art.

[0034] (1) Air Quality Forecasting Model: This is the core technology for environmental air quality forecasting and early warning. Based on human scientific understanding of atmospheric physical and chemical processes, the air quality model uses meteorological principles and mathematical methods to simulate air quality on a large scale, both horizontally and vertically. It is a mathematical tool for reproducing the transport, reaction, and removal of pollutants in the atmosphere. It is an important technical method for analyzing the spatiotemporal evolution of air pollution, its underlying mechanisms, and its causes; establishing a quantitative relationship between "pollution reduction" and "quality improvement"; and promoting the transition of my country's environmental planning and management towards quantitative and refined approaches. The air quality forecasting model divides the forecast area into regular grids in geographic space. Each grid cell has a fixed size (e.g., 9 km × 9 km). The model outputs forecast data (e.g., PM2.5) at the grid vertices. 2.5 Concentration value, PM 10 (Concentration values, SO2 concentration values, NO2 concentration values, O3 concentration values, CO concentration values, etc.) For a specific forecast area, the smaller the grid cell division, the more refined the forecast. However, as the number of model grids increases, the computational load of model forecasts also increases, and the requirements for computer hardware resources also become higher. At the same time, air pollution is a regional process, and it is necessary to consider the pollution transmission over a large area and surrounding regions, rather than just delineating a small area for study.

[0035] (2) Nested Air Quality Prediction Modeling System (NAQPMS): Developed independently by the Institute of Atmospheric Physics, Chinese Academy of Sciences. This model system has undergone nearly 20 years of development, evolving by integrating a series of independently developed urban and regional-scale air quality models. This model can study not only regional-scale air pollution problems but also the mechanisms and changing patterns of air quality issues at the urban scale. Furthermore, it can study the interaction processes between different scales. This model is an important tool for studying the interaction between pollutant emissions, meteorological conditions, chemical transformation, and dry / wet removal, and can provide scientific pollution emission control strategies for environmental decision-making. The Air Quality Prediction Subsystem (NAQPM) is the core of the entire model system, mainly handling the physical and chemical processes of pollutant emissions, advection transport, diffusion, dry and wet deposition, and gas-phase, liquid-phase, and heterogeneous reactions. Its spatial structure is a three-dimensional Eulerian transport model, with the vertical coordinates using terrain-following coordinates. The horizontal structure is a multi-layered nested grid, employing unidirectional and bidirectional nesting techniques, with a resolution of 3–81 km and 20 vertically unequally spaced layers.

[0036] (3) Street-scale air quality forecast model: It can simulate the more complex atmospheric pollution diffusion situation inside urban blocks, realize the transformation of atmospheric pollution forecast from urban scale to point scale, further improve the ability of accurate forecasting of atmospheric pollution and precise source tracing of atmospheric pollution, and solve the problem of insufficient accuracy of air quality forecast in atmospheric environmental governance.

[0037] (4) WebGL (Web Graphics Library): This is a JavaScript API that renders high-performance interactive 3D and 2D graphics in any compatible web browser without the need for plugins. WebGL does this by introducing an API that is very consistent with OpenGL ES 2.0, which can be used in HTML5. <canvas>This consistency allows the API to leverage the hardware graphics acceleration provided by the user's device.

[0038] (5) GIS technology: GIS is a specific and very important spatial information system. It is a technology that, with the support of computer hardware and software systems, collects, stores, manages, processes, analyzes, displays and describes geographic distribution data in the entire or part of the Earth's surface (including the atmosphere).

[0039] (6) Cesium: is an open-source WebGL map engine library written in JavaScript for displaying 3D globes and maps. It can be used to display massive amounts of 3D model data, image data, terrain elevation data, vector data, etc. Cesium supports 3D, 2D, and 2.5D map displays, can draw graphics, highlight areas, and provides good touch support. It also supports most browsers and mobile devices.

[0040] (7) Browser / Server (B / S) Architecture: This is a browser and server architecture model. With the rise of Internet technology, it is a variation or improvement of the two-tier Client-Server (C / S) architecture. It separates the transaction processing logic module of the two-tier C / S structure from the client's tasks, with the Web server forming a separate layer to handle its tasks, thus reducing the pressure on the client. The B / S architecture is a three-tier framework that divides the entire business application into: Presentation Layer (UI), Business Logic Layer (BLL), and Data Access Layer (DAL). The B / S structure is a method (or software construction technique) for organizing and distributing the components of software. Software components include: programs, data, and documents. The B / S structure is a method of distributing these three parts of the software: distributing data to a data server; distributing programs to an application (program) server or a WEB server; and the client (browser) only needs to load a portion of the application server's program for data display and command input (such as the screen display and player command input in web games).

[0041] Based on the above explanations of terms and related terminology, the design concept of the embodiments of this application will be briefly introduced below: With the continuous development of society and the improvement of people's economic level, people's requirements for living environment are also gradually increasing, and the demand for the accuracy of atmospheric forecast data is also increasing, such as air quality changes in a certain city or a certain neighborhood. Atmospheric forecast data refers to data generated by forecasting models to predict future atmospheric conditions. Forecasting models can be any meteorological forecasting model (e.g., a mesoscale weather forecasting model (WRF)) or any air quality forecasting model (e.g., NAQPMS, Community Multiscale Air Quality Modeling System (CMAQ), Weather Research and Forecasting Model Coupled with Chemistry (WRFChem)). Atmospheric forecast data includes, but is not limited to: meteorological forecast data (e.g., wind, temperature, pressure, humidity) and air quality forecast data (e.g., pollutant concentrations, air quality index).

[0042] Currently, the main atmospheric forecast data display and analysis systems are: Windy, Ventusky, and Zhenqi.net Map.

[0043] These systems display atmospheric forecast data by switching modes. For details, please refer to [link / reference needed]. Figure 1 The diagram illustrates the mode switching mechanism in this embodiment. The system provides a selection button for the forecast model, displaying atmospheric forecast data at a specific resolution in response to the user's selection. Here, UKV stands for United Kingdom Variable-resolution weather forecasting system, and ECMWF stands for European Centre for Medium-Range Weather Forecasts. Each forecast model has its own corresponding resolution, and the atmospheric forecast data for each model is atmospheric forecast data at that corresponding resolution. For example, if the user selects the NAQPMS model (resolution of 22 km), the atmospheric forecast data display and analysis system will display the atmospheric forecast data at a 22 km resolution corresponding to the NAQPMS model.

[0044] However, the aforementioned atmospheric forecast data display method can only provide one resolution view at a time, and users can only see atmospheric forecast data at one resolution. It cannot simultaneously display atmospheric forecast data corresponding to multiple resolutions (such as simultaneously displaying atmospheric forecast data at the 27 km, 9 km, 3 km, and 100 m street scales). In other words, users cannot see coarse grid data and fine grid data at the same time, resulting in a fragmented information experience and a poor user experience. Furthermore, if high-resolution (fine grid) atmospheric forecast data is directly overlaid on low-resolution (coarse grid) atmospheric forecast data, it will cause color overlay in the display effect, leading to errors in the forecast data display. This is especially true when displaying large-scale and meso-scale (above 3 km) atmospheric forecast data and 100 m city street scale atmospheric forecast data at the same time. Because the street scale atmospheric forecast data includes urban building height data, the output atmospheric forecast data avoids buildings, resulting in a visually hollowed-out section, which cannot be directly overlaid with the large-scale and meso-scale atmospheric forecast data.

[0045] In view of this, this application proposes a method for visualizing atmospheric forecast data, which may specifically include: responding to a zoom request triggered by a user on an atmospheric forecast data display page, obtaining the display area corresponding to the zoom request; then, when it is determined that the display area contains a target area, loading the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area to obtain a first intermediate rendering result, and making the target area contained in the first intermediate rendering result transparent to obtain a second intermediate rendering result; finally, loading the second atmospheric forecast data corresponding to the second atmospheric forecast mode onto the target area contained in the second intermediate rendering result to obtain a first target rendering result, and displaying the first atmospheric forecast data and the second atmospheric forecast data together with the first target rendering result, wherein the resolution of the first atmospheric forecast mode is lower than the resolution of the second atmospheric forecast mode.

[0046] Using this method, users do not need to manually switch modes, achieving automatic and seamless combination and display of atmospheric forecast data of different resolutions within a single view, thus improving the user experience. Simultaneously, it effectively avoids display errors such as color conflicts and blurred boundaries that may occur when data of different resolutions are directly overlaid. This ensures that the final rendering result can show both large-scale macro trends (through first-level atmospheric forecast data) and highlight the fine details of key areas (through second-level atmospheric forecast data), providing a richer and more accurate information hierarchy. This helps users (such as meteorologists and environmental decision-makers) quickly grasp the overall and local relationships of regional processes such as pollution transport, improving the efficiency of analysis and decision-making.

[0047] In particular, the preferred embodiments of this application will be described below with reference to the accompanying drawings. It should be understood that the preferred embodiments described herein are for illustration and explanation only and are not intended to limit this application. Furthermore, the embodiments of this application and the features in the embodiments can be combined with each other without conflict.

[0048] See Figure 2 The diagram illustrates an optional system architecture applicable to an embodiment of this application. This system architecture may include a web client 201 and a server 202. The web client 201 and the server 202 can interact via a communication network, where the communication network can employ wireless or wired communication methods. For example, the web client 201 can access the network and communicate with the server 202 via cellular mobile communication technology. This cellular mobile communication technology may include, for example, 5G (5th generation mobile networks) or next-generation mobile communication technology. Optionally, the web client 201 can access the network and communicate with the server 202 via short-range wireless communication. This short-range wireless communication method may include, for example, Wi-Fi (wireless fidelity) technology.

[0049] This application does not limit the number of communication devices involved in the above system architecture. For example, the above system architecture may include more web clients, or it may include fewer web clients, or it may include other network devices. Figure 1 As shown, only the Web client 201 and server 202 are described as examples. The following is a brief introduction to the above communication devices and their respective functions.

[0050] The Web Client 201 is a device that provides users with voice and / or data connectivity, and can be a device that supports wired and / or wireless connections. The Web Client 201 can display atmospheric forecast data pages.

[0051] Server 202 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, content delivery networks (CDN), and big data and artificial intelligence platforms.

[0052] In this embodiment, server 202 processes the source data output by the forecast model corresponding to each atmospheric forecast model, and processes the data into preprocessed data in a specific file format (e.g., image format) that is easy for Web client 201 to use. Web client 201 performs parsing, calculation logic processing, and rendering display processing of the preprocessed data. Specifically, in response to a zoom request triggered by a user on the atmospheric forecast data display page, Web client 201 obtains the display area corresponding to the zoom request; when it is determined that the display area contains the target area, it loads the first atmospheric forecast data corresponding to the first atmospheric forecast model onto the map base map corresponding to the display area to obtain a first intermediate rendering result, and makes the target area contained in the first intermediate rendering result transparent to obtain a second intermediate rendering result; it loads the second atmospheric forecast data corresponding to the second atmospheric forecast model onto the target area contained in the second intermediate rendering result to obtain a first target rendering result, and the first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data.

[0053] The core of the traditional B / S architecture is the server. Most business processing and data computation occur on the server, while the web client is only responsible for data display and user interaction. The B / S architecture unifies the client side and centralizes the core functions of the system on the server, so B / S architecture software only needs to manage the server. However, the graphics processing capabilities of most mainstream servers are generally poor (e.g., Linux). Since atmospheric forecast data visualization mainly uses 2D and 3D WebGIS technologies (e.g., Cesium), this traditional B / S structure cannot meet the performance requirements. Therefore, while retaining the advantages of the traditional B / S structure, a web client logic layer is added. Because browsers' graphics processing capabilities are becoming increasingly powerful (WebGL can utilize the client's GPU), handling most of the graphics computation tasks on the web client not only fully utilizes the web client's computing power but also reduces the server's load. The server only needs to handle data preprocessing, and processing graphics data on the web client allows for faster response times and improves the user experience.

[0054] The visualization method for atmospheric forecast data provided by the exemplary embodiments of this application will be described below in conjunction with the above-described system architecture and with reference to the accompanying drawings. It should be noted that the above-described system architecture is only shown to facilitate understanding of the spirit and principles of this application, and the embodiments of this application are not limited in any way in this respect.

[0055] See Figure 3 The diagram shown illustrates the implementation flow of a method for visualizing atmospheric forecast data provided in this application. Taking a web-based application as an example, the specific implementation flow of this method is as follows: S30: In response to a zoom request triggered by a user on the atmospheric forecast data display page, obtain the display area corresponding to the zoom request.

[0056] The display area refers to the geographical area visible on the current atmospheric forecast data display page after the user zooms in and pans the map.

[0057] In this embodiment of the application, an atmospheric forecast data display page is provided. When a user wants to view the corresponding atmospheric forecast data, they can perform a zoom operation on the atmospheric forecast data display page. When a user performs a zoom operation on the atmospheric forecast data display page, a zoom request is triggered. The server responds to the zoom request and obtains the display area corresponding to the zoom request and the area information of the display area (such as area, boundary, etc.).

[0058] In this embodiment, the atmospheric forecast data displayed on the atmospheric forecast data display page includes, but is not limited to, meteorological forecast data (e.g., wind, temperature, pressure, humidity, etc.) and air quality forecast data (e.g., pollutant concentration, air quality index, etc.). This embodiment does not impose any limitations on these data. It is worth noting that the atmospheric forecast data display page will only display one dimension of atmospheric forecast data. The dimension of atmospheric forecast data displayed is determined based on the user's viewing selection. For example, if the user selects to view PM2.5... 2.5 The air quality forecast data page only displays PM2.5. 2.5 Atmospheric forecast data.

[0059] Optionally, in this embodiment of the application, before obtaining the display area corresponding to the zoom request triggered by the user on the atmospheric forecast data display page, the forecast area of ​​each atmospheric forecast mode and the viewing mode of each atmospheric forecast mode (e.g., 2D or 3D viewing) are set.

[0060] In addition, it is worth noting that the forecast areas and resolutions of the various atmospheric forecast models in this application embodiment are different, and there is no limit to the number of atmospheric forecast models. The following description assumes that the number of atmospheric forecast models is 4.

[0061] The forecast area refers to the actual geographic spatial extent of the corresponding atmospheric forecast model as displayed on the map, determined by the forecast geographic extent of the corresponding atmospheric forecast model. The atmospheric forecast models include: Level 1, Level 2, Level 3, and Level 4 atmospheric forecast models. The resolution of each atmospheric forecast model, from lowest to highest, is: Level 1 < Level 2 < Level 3 < Level 4. The forecast geographic extent of each atmospheric forecast model, from largest to smallest, is: Level 1 > Level 2 > Level 3 > Level 4. The forecast geographic extent of the Level 1 atmospheric forecast model (denoted by D1) includes the Level 2 atmospheric forecast area. The forecast geographic extent of the model is denoted by D2. The forecast geographic extent of the Level 2 atmospheric forecast model includes the forecast geographic extent of the Level 3 atmospheric forecast model (denoted by D3). The forecast geographic extent of the Level 3 atmospheric forecast model includes the forecast geographic extent of the Level 4 atmospheric forecast model (denoted by D4). Similarly, the forecast area of ​​the Level 1 atmospheric forecast model includes the forecast area of ​​the Level 2 atmospheric forecast model, the forecast area of ​​the Level 2 atmospheric forecast model includes the forecast area of ​​the Level 3 atmospheric forecast model, and the forecast area of ​​the Level 3 atmospheric forecast model includes the forecast area of ​​the Level 4 atmospheric forecast model.

[0062] The forecast geographic range refers to the data coverage area with a specific spatial resolution and fixed geographic boundaries, which is pre-calculated and generated by the atmospheric forecast model. Grid division is the division within the forecast geographic range.

[0063] For example, see Figure 4 The diagram shown illustrates the forecast geographic range and grid cell division of each atmospheric forecasting model in this application embodiment. (See also...) Figure 5 The diagram shown is a schematic representation of the relationship between the various atmospheric forecasting models in this application embodiment. D1 includes D2, D2 includes D3, D3 includes D4, the size of a cell grid in D1 is larger than the size of a cell grid in D2, the size of a cell grid in D2 is larger than the size of a cell grid in D3, and the size of a cell grid in D3 is larger than the size of a cell grid in D4.

[0064] Optionally, in this embodiment of the application, the forecast area of ​​each atmospheric forecast model is determined according to its respective forecast geographical range. Specifically, the forecast area that should be displayed on the map is accurately defined by using the range information of the forecast geographical range (e.g., the latitude and longitude coordinates of the lower left and upper right corners), ensuring that the forecast geographical range (e.g., the whole country, Beijing-Tianjin-Hebei region, Beijing) is fully presented within the page view.

[0065] For example: the first-level atmospheric forecast model's forecast geographical range is the entire national forecast area, with a resolution of 27 kilometers; the second-level atmospheric forecast model's forecast geographical range is the Beijing-Tianjin-Hebei region, with a resolution of 9 kilometers; the third-level atmospheric forecast model's forecast geographical range is the Beijing area, with a resolution of 3 kilometers; and the fourth-level atmospheric forecast model's forecast geographical range is a specific street in Beijing, with a resolution of hundreds of meters. The latitude and longitude ranges for the forecast areas of the first-level atmospheric forecast model are set as follows: lower left corner [8.6181, 59.0770], upper right corner [53.9452, 148.9556]; the latitude and longitude ranges for the forecast areas of the second-level atmospheric forecast model are: lower left corner [35.7821, 108.0725], upper right corner [43.8662, 125.1013]; and the latitude and longitude ranges for the forecast areas of the third-level atmospheric forecast model are: lower left corner [...]. The latitude and longitude range of the forecast area for the fourth-level atmospheric forecast model is as follows: [39.2891182, 114.9076640], [40.8185563, 118.1340199] (top right corner). The forecast area for the fourth-level atmospheric forecast model is: [39.887667927154055, 116.42996297087173] (bottom left corner), [39.89674546550526, 116.44906547518737] (top right corner). The atmospheric forecast data for the first, second, and third-level atmospheric forecast models are air quality forecast data output from the NAQPMS model, while the atmospheric forecast data for the fourth-level atmospheric forecast model is air quality forecast data output from a street-scale air quality forecast model.

[0066] Optionally, in this embodiment, a suitable perspective is selected based on the characteristics of the data from each atmospheric forecasting model and the analysis requirements. For example, the first-level, second-level, and third-level atmospheric forecasting models use a 2D perspective, suitable for macroscopic, large-scale planar distribution displays, while the fourth-level atmospheric forecasting model uses a 3D perspective. Additionally, it is worth noting that in this embodiment, building models are added to the forecast area of ​​the fourth-level atmospheric forecasting model.

[0067] S31: When it is determined that the display area contains the target area, load the first atmospheric forecast data corresponding to the first atmospheric forecast mode on the map base map corresponding to the display area to obtain the first intermediate rendering result, and make the target area contained in the first intermediate rendering result transparent to obtain the second intermediate rendering result.

[0068] The target area is the forecast area within the display area that requires replacement with high-resolution atmospheric forecast data, selected according to the rules. The base map is the primary base map, providing the geographic background (e.g., streets, terrain, etc.). The base map can be the base map image service provided by the National Geographic Information Public Service Platform, Tianditu.

[0069] In this embodiment of the application, it is first determined whether the display area contains the target area. When it is determined that the display area contains the target area, the first atmospheric forecast data corresponding to the first atmospheric forecast mode is loaded on the map base map corresponding to the display area to obtain the first intermediate rendering result. The target area contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result.

[0070] In this embodiment, atmospheric forecast data is visualized using a GPU via WebGL.

[0071] Optionally, in this embodiment of the application, a possible implementation is provided for loading the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area to obtain the first intermediate rendering result, specifically performing the following operations: S310: Obtain first atmospheric forecast data.

[0072] The first atmospheric forecast data includes: forecast spatial grid information and forecast data for each grid point. In this embodiment, the atmospheric forecast data corresponding to each atmospheric forecast model includes: the corresponding forecast spatial grid information and forecast data for each grid point.

[0073] In this embodiment of the application, preprocessed data is obtained and parsed to obtain first atmospheric forecast data.

[0074] The preprocessed data refers to the atmospheric forecast data output by the forecast model corresponding to the first atmospheric forecast model after preprocessing.

[0075] Specifically, to ensure a good user browsing experience and reduce data storage and network transmission time, the atmospheric forecast data output by the forecast model needs to be preprocessed on the server side. The server preprocesses the source data (raw grid data) output by the forecast model corresponding to the first atmospheric forecast model (parsing, encoding, data slicing, data compression, etc.) to obtain preprocessed data in a specific file format. This preprocessed data is then stored and sent to the web client. The web client parses the preprocessed data (decompressing, etc.) to obtain the first atmospheric forecast data. Similarly, the same acquisition method is used to obtain atmospheric forecast data corresponding to other atmospheric forecast models (e.g., second atmospheric forecast data corresponding to the second atmospheric forecast model).

[0076] S311: Generate a target layer on the base map corresponding to the display area, and determine the target forecast data corresponding to each pixel in the target layer based on the first atmospheric forecast data.

[0077] S312: Render the target layer based on the target prediction data corresponding to each pixel to obtain the first intermediate rendering result.

[0078] In this embodiment of the application, the color index of the target forecast data corresponding to each pixel in the target layer is obtained, the target color of the target forecast data corresponding to each pixel in the target layer is obtained according to the color index, and the target layer is rendered according to the target color of each pixel to obtain the first intermediate rendering result.

[0079] In this embodiment of the application, the color index of the target prediction data corresponding to each pixel is obtained by the following formula: cIndex=((N–Nmin) / (Nmax–Nmin))*CLength.

[0080] Where cIndex represents the color index, N represents the target forecast data corresponding to each pixel, Nmin represents the minimum forecast data value, Nmax represents the maximum forecast data value, and CLength represents the number of colors in the forecast data rendering legend. The correspondence between color indices and colors is pre-set.

[0081] For example, see Figure 6 As shown, this is the PM in the embodiment of this application. 2.5 A schematic diagram of the rendered legend, with forecast data of PM. 2.5 At concentrations, according to PM 2.5 Render legend, determine the PM corresponding to each pixel in the target layer. 2.5 The color index of the concentration data is used to obtain the PM corresponding to each pixel in the target layer. 2.5 The target color for concentration data.

[0082] This approach directly uses grid data to drive the color generation of each pixel, avoiding the data precision loss issues associated with traditional methods that first convert data into images (resulting in precision loss) before display. This ensures that the values ​​seen by the user are a true reflection of the grid data. Simultaneously, the computational load is rationally allocated: the server handles the heavy data preprocessing, while the web application directly obtains the preprocessed first atmospheric forecast data and utilizes its powerful graphics computing capabilities (e.g., WebGL) for efficient rendering. This collaborative model reduces server pressure while fully utilizing web application resources, enabling rapid and dynamic visualization of large-scale data.

[0083] Optionally, in this embodiment of the application, when the target area contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result, the rendering data corresponding to the target area in the first intermediate rendering result is removed to obtain the second intermediate rendering result.

[0084] In this embodiment, when culling the rendering data corresponding to the target region in the first intermediate rendering result, a counter-clockwise mask is used to culle the rendering data. During the rendering process, it may be necessary to clip data outwards or to culle data inwards. The boundary of the region is a polygon composed of many coordinate points. In this embodiment, clockwise and counter-clockwise masks are used to distinguish whether data is clipped outwards or culled inwards.

[0085] For example, see Figure 7 The diagram shows a clockwise mask and a counterclockwise mask in an embodiment of this application. A clockwise mask clips the drawing content outside the circle, while a counterclockwise mask removes the drawing content inside the circle. Assuming the first atmospheric forecast mode is a Level 1 atmospheric forecast mode (e.g., the forecast geographical range is the entire country, with a resolution of 27 kilometers), and the second atmospheric forecast mode is also a Level 1 atmospheric forecast mode (e.g., the forecast geographical range is the Beijing-Tianjin-Hebei region, with a resolution of 9 kilometers), the first atmospheric forecast data corresponding to the first atmospheric forecast mode is loaded onto the map base map corresponding to the display area. After obtaining the first intermediate rendering result, the coordinates within the target area in the first intermediate rendering result are converted counterclockwise to WebGL coordinates. Within the GPU, normal vector calculations are used to distinguish whether the clipping is outward or inward.

[0086] S32: Load the second atmospheric forecast data corresponding to the second atmospheric forecast mode onto the target area contained in the second intermediate rendering result to obtain the first target rendering result.

[0087] The first target rendering result combination displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast model is lower than that of the second atmospheric forecast model.

[0088] In this embodiment of the application, the target area contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result. Then, the second atmospheric forecast data corresponding to the second atmospheric forecast mode is loaded onto the target area contained in the second intermediate rendering result to obtain the first target rendering result. The first target rendering result is then displayed to the user.

[0089] Optionally, in this embodiment of the application, second atmospheric forecast data is obtained, and then target forecast data corresponding to each pixel in the target area of ​​the target layer is determined based on the second atmospheric forecast data. Finally, the target area in the target layer is rendered based on the target forecast data corresponding to each pixel to obtain the first target rendering result.

[0090] The second atmospheric forecast data includes: forecast spatial grid information and forecast data for each grid point.

[0091] Optionally, in this embodiment, when the second atmospheric forecasting model is a Level 4 atmospheric forecasting model (i.e., the atmospheric forecasting model with the highest resolution and the smallest forecasting geographic area, such as a street in Beijing with a resolution of hundreds of meters), the first target rendering result shows a 3D perspective mode corresponding to the target area, with building models displayed within the target area. The perspective mode corresponding to areas outside the target area in the first target rendering result is 2D. This achieves an integrated display of two-dimensional macroscopic and three-dimensional microscopic perspectives, allowing for the mixed use of 2D and 3D perspectives within the same interface. The target area (such as a city street) is displayed in 3D and combined with building models, enabling users to intuitively understand the distribution and diffusion of pollutants in the real three-dimensional urban space. Areas outside the target area remain displayed in 2D, providing geographic context. This hybrid perspective greatly enhances the visualization power and practical value of hundreds-meter-level high-resolution data, providing a revolutionary tool for refined pollution assessment.

[0092] For example, see Figure 8 The diagram shown is a first schematic diagram of the combined display effect of atmospheric forecast data in an embodiment of this application. The area within the dashed line is the target area. At this time, the atmospheric forecast data for the target area is the atmospheric forecast data of the third-level atmospheric forecast model (the forecast geographical range is Beijing area, and the resolution is 3 kilometers). The atmospheric forecast data for the area outside the target area is the atmospheric forecast data of the second-level atmospheric forecast model (the forecast geographical range is Beijing-Tianjin-Hebei region, and the resolution is 9 kilometers). The resolution of the area circled by circle 1 is lower than the resolution of the area circled by circle 2.

[0093] For example, see Figure 9 The diagram shown is a second schematic of the display effect of atmospheric forecast data combination in an embodiment of this application. The area within the dashed line is the target area. At this time, the atmospheric forecast data for the target area is the atmospheric forecast data of the fourth-level atmospheric forecast model (the forecast geographical range is a certain block in Beijing, and the resolution is 100 meters). The atmospheric forecast data outside the target area is the atmospheric forecast data of the third-level atmospheric forecast model (the forecast geographical range is the Beijing area, and the resolution is 3 kilometers). The resolution of the area circled by circle 1 is lower than the resolution of the area circled by circle 2.

[0094] Optionally, in this embodiment of the application, when it is determined that the display area contains the target area, the display area is determined to contain the target area based on the area information of the display area, that is, whether the display form corresponding to the display area is a combined display.

[0095] Optionally, in this embodiment of the application, a possible implementation is provided for determining whether the display area contains the target area based on the area information of the display area, specifically by performing the following operations: SA1: Determine the inclusion relationship between each forecast area and the display area.

[0096] Each forecast region corresponds to an atmospheric forecasting model with a different resolution.

[0097] In this embodiment of the application, the inclusion relationship between each forecast area and the display area is determined based on the area information of the display area and the area information of each forecast area.

[0098] SA2: When there is at least one first forecast region that contains the display region in each forecast region, and there is at least one second forecast region that is contained in the display region in each forecast region, it is determined that the display region contains the target region.

[0099] The target area is the area corresponding to the largest forecast area in at least one second forecast area.

[0100] In this embodiment of the application, when it is determined that the display area includes the target area, the atmospheric forecast model associated with the smallest forecast area in at least one first forecast area is used as the first atmospheric forecast model, and the atmospheric forecast model associated with the largest forecast area in at least one second forecast area is used as the second atmospheric forecast model.

[0101] For example, assuming that each forecast area includes D1, D2, D3, and D4, and the inclusion relationship between each forecast area and the display area is as follows: D1 includes the display area, D2 includes the display area, D3 is included by the display area, and D4 is included by the display area, then at least one first forecast area containing the display area is determined to be D1 and D2, and at least one second forecast area being included by the display area is determined to be D3 and D4. The range of D1 is larger than the range of D2, and the range of D3 is larger than the range of D4. Then, the atmospheric forecast model associated with D2 (i.e., the second-level atmospheric forecast model) is taken as the first atmospheric forecast model, and the atmospheric forecast model associated with D3 (i.e., the third-level atmospheric forecast model) is taken as the second atmospheric forecast model.

[0102] In this way, by using inclusion relationship judgment rules, it is possible to accurately and automatically determine which two resolutions of data should be combined in any given view, and also optimize the balance between rendering performance and display effect. Specifically, the determined first atmospheric forecast mode ensures that the finest low-resolution data that can cover the current view is used as the background, avoiding background distortion caused by using overly coarse data; the determined second atmospheric forecast mode ensures that the finest available high-resolution data is prioritized for highlighting within the current view, guaranteeing the best display effect.

[0103] Optionally, in this embodiment of the application, the display area may also be displayed in a non-combined manner, which includes the following two cases: Scenario 1: No forecast area is included in the displayed area among the forecast areas; that is, the displayed area does not contain the target area. The following steps are performed to visualize the atmospheric forecast data: SB1: When there is no forecast area contained in the displayed area among the forecast areas, the atmospheric forecast model associated with the smallest forecast area among the forecast areas is used as the third atmospheric forecast model corresponding to the displayed area.

[0104] Among them, the resolution of the third atmospheric forecast model is higher than that of other atmospheric forecast models.

[0105] SB2: Load the third atmospheric forecast data corresponding to the third atmospheric forecast mode onto the base map of the display area to obtain the second target rendering result.

[0106] The second target rendering result displays the third atmospheric forecast data. The view mode of the second target rendering result is 3D and displays building mode.

[0107] For example, when there is no forecast area contained in the displayed area among the forecast areas, the range of the displayed area is smaller than the smallest forecast area among the forecast areas. The third atmospheric forecast mode corresponding to the displayed area is the fourth atmospheric forecast mode (the forecast geographical range is a certain block in Beijing, with the highest resolution, which is at the 100-meter level). The fourth atmospheric forecast mode is used to render the displayed area to obtain the second target rendering result, and the second target rendering result is displayed to the user.

[0108] In this way, when there is no forecast area contained in the displayed area in each forecast area, the stability of the system and the consistency of the user experience are improved by using the atmospheric forecast data with the smallest forecast area and the highest resolution (the atmospheric forecast data corresponding to the fourth-level atmospheric forecast model).

[0109] Scenario 2: No forecast area containing the displayed area exists in any of the forecast regions. The following steps will be performed to visualize the atmospheric forecast data: SC1: When there is no forecast area containing the display area in any forecast area, the atmospheric forecast model associated with the largest forecast area in each forecast area is used as the fourth atmospheric forecast model corresponding to the display area.

[0110] Among them, the resolution of the fourth atmospheric forecast model is lower than that of other atmospheric forecast models.

[0111] SC2: Load the fourth atmospheric forecast data corresponding to the fourth atmospheric forecast mode onto the base map corresponding to the display area to obtain the third intermediate rendering result. Then, crop the rendering data of the area outside the forecast area corresponding to the fourth atmospheric forecast mode in the third intermediate rendering result to obtain the third target rendering result.

[0112] The third target rendering result displays the fourth atmospheric forecast data, and the view mode of the third target rendering result is 2D.

[0113] For example, when no forecast region contains the display area, the display area is larger than the largest forecast region among all forecast regions. The fourth atmospheric forecast model corresponding to the display area is the first-level atmospheric forecast model (the forecast geographical range is the national forecast range, with the lowest resolution of 27 kilometers). The first-level atmospheric forecast model is used to render the display area, resulting in a third intermediate rendering result. The rendering data of the area outside the forecast region corresponding to the first-level atmospheric forecast model in the third intermediate rendering result is then clipped to obtain the third target rendering result, which is then displayed to the user. When clipping the rendering data of the area outside the forecast region corresponding to the first-level atmospheric forecast model in the third intermediate rendering result, a clockwise mask is used to clip the rendering data. Since the boundaries of the forecast region are irregular, while the boundaries of the grid are regular, for the sake of data aesthetics and rigor, the data of the area outside the forecast region corresponding to the first-level atmospheric forecast model is clipped.

[0114] In this way, when there is no forecast area containing the display area in each forecast area, by using the atmospheric forecast data with the largest forecast area and the lowest resolution (the atmospheric forecast data corresponding to the first-level atmospheric forecast model), and pruning the invalid areas outside its forecast area, the system can ensure that even in edge cases, it can provide meaningful visualization results (such as displaying the background pollution concentration over a large area), instead of reporting errors or displaying blanks, thus improving the stability of the system and the consistency of the user experience.

[0115] Based on the above embodiments, it is assumed that each atmospheric forecast model includes: a Level 1 atmospheric forecast model, a Level 2 atmospheric forecast model, a Level 3 atmospheric forecast model, and a Level 4 atmospheric forecast model. The resolution of each atmospheric forecast model from low to high is: Level 1 atmospheric forecast model < Level 2 atmospheric forecast model < Level 3 atmospheric forecast model < Level 4 atmospheric forecast model. The forecast area of ​​each atmospheric forecast model from large to small is: Level 1 atmospheric forecast model > Level 2 atmospheric forecast model > Level 3 atmospheric forecast model > Level 4 atmospheric forecast model. The forecast area of ​​the Level 1 atmospheric forecast model includes the forecast area of ​​the Level 2 atmospheric forecast model, the forecast area of ​​the Level 2 atmospheric forecast model includes the forecast area of ​​the Level 3 atmospheric forecast model, and the forecast area of ​​the Level 3 atmospheric forecast model includes the forecast area of ​​the Level 4 atmospheric forecast model. The following describes various display scenarios: Scenario 1: The display area includes the forecast area of ​​the Level 1 atmospheric forecast model. The display area is rendered using the Level 1 atmospheric forecast model, resulting in intermediate rendering result 1. The rendered data for areas outside the forecast area corresponding to the Level 1 atmospheric forecast model in intermediate rendering result 1 are then cropped to obtain target rendering result 1, which is displayed to the user. Target rendering result 1 displays Level 1 atmospheric forecast data, and its viewpoint mode is 2D.

[0116] Scenario 2: The display area is included in the forecast area of ​​the first-level atmospheric forecast model, and the display area also includes the forecast area of ​​the second-level atmospheric forecast model. In this case, the target area is the forecast area of ​​the second-level atmospheric forecast model. The atmospheric forecast data corresponding to the first-level atmospheric forecast model is loaded onto the base map corresponding to the display area, resulting in intermediate rendering result 2. The target area (the forecast area of ​​the second-level atmospheric forecast model) contained in intermediate rendering result 2 is made transparent, resulting in intermediate rendering result 3. Then, the atmospheric forecast data corresponding to the second-level atmospheric forecast model is loaded onto the target area (the forecast area of ​​the second-level atmospheric forecast model) contained in intermediate rendering result 3, resulting in target rendering result 2. Target rendering result 2 is then displayed to the user. Target rendering result 2 combines and displays the first-level atmospheric forecast data and the second-level atmospheric forecast data. The view mode corresponding to target rendering result 2 is 2D.

[0117] Scenario 3: The displayed area is included in the forecast area of ​​the Level 2 atmospheric forecast model, and the displayed area also includes the forecast area of ​​the Level 3 atmospheric forecast model. In this case, the target area is the forecast area of ​​the Level 3 atmospheric forecast model. The atmospheric forecast data corresponding to the Level 2 atmospheric forecast model is loaded onto the base map corresponding to the displayed area, resulting in intermediate rendering result 4. The target area (the forecast area of ​​the Level 3 atmospheric forecast model) contained in intermediate rendering result 4 is made transparent, resulting in intermediate rendering result 5. Then, the atmospheric forecast data corresponding to the Level 3 atmospheric forecast model is loaded onto the target area (the forecast area of ​​the Level 3 atmospheric forecast model) contained in intermediate rendering result 5, resulting in target rendering result 3. Target rendering result 3 is then displayed to the user. Target rendering result 3 combines and displays the Level 2 and Level 3 atmospheric forecast data, and the view mode corresponding to target rendering result 3 is 2D.

[0118] Scenario 4: The display area is included in the forecast area of ​​the Level 3 atmospheric forecast model, and the display area also includes the forecast area of ​​the Level 4 atmospheric forecast model. In this case, the target area is the forecast area of ​​the Level 4 atmospheric forecast model. The atmospheric forecast data corresponding to the Level 3 atmospheric forecast model is loaded onto the base map corresponding to the display area, resulting in intermediate rendering result 6. The target area (the forecast area of ​​the Level 4 atmospheric forecast model) contained in intermediate rendering result 6 is made transparent, resulting in intermediate rendering result 7. Then, the atmospheric forecast data corresponding to the Level 4 atmospheric forecast model is loaded onto the target area (the forecast area of ​​the Level 4 atmospheric forecast model) contained in intermediate rendering result 7, resulting in target rendering result 4. Target rendering result 4 is then displayed to the user. Target rendering result 4 combines the Level 3 and Level 4 atmospheric forecast data. The view mode corresponding to the target area (the forecast area of ​​the Level 4 atmospheric forecast model) in target rendering result 4 is 3D, and the target area displays building models. The view mode corresponding to the area outside the target area is 2D.

[0119] Scenario 5: The display area is encompassed by the forecast area of ​​the Level 4 atmospheric forecast model. Load the atmospheric forecast data corresponding to the Level 4 atmospheric forecast model onto the base map corresponding to the display area to obtain target rendering result 5, and display target rendering result 5 to the user. Target rendering result 5 displays the Level 4 atmospheric forecast data, and the view mode corresponding to target rendering result 5 is 3D, displaying building models.

[0120] Furthermore, based on the same technical concept, embodiments of this application provide an atmospheric forecast data visualization device, which is used to implement the above-described method flow of embodiments of this application. For example, see [link to relevant documentation]. Figure 10 As shown, the atmospheric forecast data visualization device 1000 may include: a response module 1001, a first processing module 1002, and a second processing module 1003, wherein: The response module 1001 is used to respond to the zoom request triggered by the user on the atmospheric forecast data display page and obtain the display area corresponding to the zoom request; The first processing module 1002 is used to load the first atmospheric forecast data corresponding to the first atmospheric forecast mode on the map base map corresponding to the display area when it is determined that the display area contains the target area, to obtain the first intermediate rendering result, and to make the target area contained in the first intermediate rendering result transparent to obtain the second intermediate rendering result. The second processing module 1003 is used to load the second atmospheric forecast data corresponding to the second atmospheric forecast mode onto the target area contained in the second intermediate rendering result to obtain the first target rendering result. The first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast mode is lower than the resolution of the second atmospheric forecast mode.

[0121] In an optional embodiment, after obtaining the display area corresponding to the scaling request, the first processing module 1001 is further configured to: Determine the inclusion relationship between each forecast area and the display area, where each forecast area corresponds to an atmospheric forecast model with a different resolution; When there is at least one first forecast region that includes the displayed region in each forecast region, and at least one second forecast region that is included in the displayed region in each forecast region, it is determined that the displayed region includes the target region. The atmospheric forecast model associated with the smallest forecast region in at least one first forecast region is taken as the first atmospheric forecast model, and the atmospheric forecast model associated with the largest forecast region in at least one second forecast region is taken as the second atmospheric forecast model. The target region is the region corresponding to the largest forecast region in at least one second forecast region.

[0122] In an optional embodiment, the first processing module 1001 is further configured to: When there is no forecast area contained in the displayed area in any forecast area, the atmospheric forecast model associated with the smallest forecast area in each forecast area is used as the third atmospheric forecast model corresponding to the displayed area. The resolution of the third atmospheric forecast model is higher than that of other atmospheric forecast models. Load the third atmospheric forecast data corresponding to the third atmospheric forecast mode onto the base map of the display area to obtain the second target rendering result, which displays the third atmospheric forecast data.

[0123] In an optional embodiment, the first processing module 1001 is further configured to: When there is no forecast area that includes the display area in any forecast area, the atmospheric forecast model associated with the forecast area with the largest range in each forecast area is used as the fourth atmospheric forecast model corresponding to the display area. The resolution of the fourth atmospheric forecast model is lower than that of other atmospheric forecast models. Load the fourth atmospheric forecast data corresponding to the fourth atmospheric forecast model onto the base map corresponding to the display area to obtain the third intermediate rendering result. Then, crop the rendering data of the area outside the forecast area corresponding to the fourth atmospheric forecast model in the third intermediate rendering result to obtain the third target rendering result. The third target rendering result displays the fourth atmospheric forecast data.

[0124] In an optional embodiment, when loading the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area to obtain the first intermediate rendering result, the first processing module 1001 is further configured to: Acquire first atmospheric forecast data, which includes: forecast spatial grid information and forecast data for each grid point; A target layer is generated on the base map corresponding to the display area, and the target forecast data corresponding to each pixel in the target layer is determined based on the first atmospheric forecast data. The target layer is rendered based on the target prediction data corresponding to each pixel to obtain the first intermediate rendering result.

[0125] In an optional embodiment, when acquiring the first atmospheric forecast data, the first processing module 1001 is further configured to: Acquire preprocessed data, which is: data after preprocessing the atmospheric forecast data output by the forecast model corresponding to the first atmospheric forecast model; The preprocessed data is analyzed to obtain the first atmospheric forecast data.

[0126] In an optional embodiment, when the target region contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result, the first processing module 1001 is further configured to: The rendering data corresponding to the target area in the first intermediate rendering result is removed to obtain the second intermediate rendering result.

[0127] In an optional embodiment, when the forecast area corresponding to the second atmospheric forecast model is the forecast area with the smallest range among all forecast areas, the view mode corresponding to the target area in the first target rendering result is 3D, and the target area displays building models. The view mode corresponding to the area outside the target area in the first target rendering result is 2D.

[0128] Based on the description of the method and apparatus embodiments above, an exemplary embodiment of the present invention also provides an electronic device, including: at least one processor; and a memory communicatively connected to the at least one processor. The memory stores a computer program executable by the at least one processor, which, when executed by the at least one processor, causes the electronic device to perform the method according to an embodiment of the present invention.

[0129] This application also provides a non-transitory computer-readable storage medium storing a computer program, wherein the computer program, when executed by a computer's processor, is used to cause the computer to perform a method according to an embodiment of this application.

[0130] This application also provides a computer program product, including a computer program, wherein the computer program, when executed by a computer's processor, is used to cause the computer to perform a method according to an embodiment of this application.

[0131] See Figure 11 The diagram below illustrates a structural block diagram of an electronic device 1100 that can serve as a server or client of this application, which is an example of a hardware device that can be applied to various aspects of this application. The electronic device is intended to represent various forms of digital electronic computer devices, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the application described and / or claimed herein.

[0132] like Figure 11 As shown, the electronic device 1100 includes a computing unit 1101, which can perform various appropriate actions and processes based on a computer program stored in read-only memory (ROM) 1102 or a computer program loaded from storage unit 1108 into random access memory (RAM) 1103. The RAM 1103 may also store various programs and data required for the operation of the device 1100. The computing unit 1101, ROM 1102, and RAM 1103 are interconnected via a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0133] Multiple components in electronic device 1100 are connected to I / O interface 1105, including: input unit 1106, output unit 1107, storage unit 1108, and communication unit 1109. Input unit 1106 can be any type of device capable of inputting information to electronic device 1100. Input unit 1106 can receive input digital or character information and generate key signal inputs related to user settings and / or function control of electronic device. Output unit 1107 can be any type of device capable of presenting information and may include, but is not limited to, a display, speaker, video / audio output terminal, vibrator, and / or printer. Storage unit 1108 may include, but is not limited to, disk and optical disk. Communication unit 1109 allows electronic device 1100 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks, and may include, but is not limited to, modems, network cards, infrared communication devices, wireless communication transceivers and / or chipsets, such as Bluetooth devices, WiFi devices, worldwide interoperability for microwave access (WiMax) devices, cellular communication devices, and / or the like.

[0134] The computing unit 1101 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 1101 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 1101 performs the various methods and processes described above. For example, in some embodiments, the above-described method for visualizing atmospheric forecast data can be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 1108. In some embodiments, part or all of the computer program can be loaded and / or installed on the electronic device 1100 via ROM 1102 and / or communication unit 1109. In some embodiments, the computing unit 1101 can be configured to perform the above-described method for visualizing atmospheric forecast data by any other suitable means (e.g., by means of firmware).

[0135] The program code used to implement the methods of this application may be written in any combination of one or more programming languages. This program code may be provided to a processor or controller of a general-purpose computer, special-purpose computer, or other programmable data processing device, such that when executed by the processor or controller, the functions / operations specified in the flowcharts and / or block diagrams are implemented. The program code may be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0136] In the context of this application, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, RAM, ROM, erasable programmable read-only memory (EPROM) or flash memory, optical fibers, compact disc read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0137] As used in this application, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, device, and / or apparatus (e.g., disk, optical disk, memory, programmable logic device, PLD) used to provide machine instructions and / or data to a programmable processor, including machine-readable media that receive machine instructions as machine-readable signals. The term "machine-readable signal" refers to any signal used to provide machine instructions and / or data to a programmable processor.

[0138] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device for displaying information to the user (e.g., a cathode ray tube (CRT) or liquid crystal display (LCD) monitor); and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the computer. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0139] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), and the Internet.

[0140] Computer systems can include clients and servers. Clients and servers are generally located far apart and typically interact through communication networks. Client-server relationships are created by computer programs running on the respective computers and having a client-server relationship with each other.

[0141] Furthermore, it should be understood that the above-disclosed embodiments are merely preferred embodiments of this application and should not be construed as limiting the scope of the invention. Therefore, any equivalent variations made in accordance with the claims of this invention are still within the scope of this application.< / canvas>

Claims

1. A method of visualizing atmospheric forecast data, characterized by, include: In response to a zoom request triggered by a user on the atmospheric forecast data display page, obtain the display area corresponding to the zoom request; When it is determined that the display area contains the target area, the first atmospheric forecast data corresponding to the first atmospheric forecast mode is loaded onto the map base map corresponding to the display area to obtain the first intermediate rendering result, and the target area contained in the first intermediate rendering result is made transparent to obtain the second intermediate rendering result. The second atmospheric forecast data corresponding to the second atmospheric forecast model is loaded onto the target area included in the second intermediate rendering result to obtain the first target rendering result. The first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast model is lower than the resolution of the second atmospheric forecast model.

2. The method of claim 1, wherein, After obtaining the display area corresponding to the scaling request, the method further includes: Determine the inclusion relationship between each forecast area and the display area, wherein each forecast area corresponds to an atmospheric forecasting mode with a different resolution; When there is at least one first forecast region that includes the display region among the forecast regions, and at least one second forecast region that is included in the display region among the forecast regions, it is determined that the display region includes a target region. The atmospheric forecast model associated with the smallest forecast region among the at least one first forecast region is taken as the first atmospheric forecast model, and the atmospheric forecast model associated with the largest forecast region among the at least one second forecast region is taken as the second atmospheric forecast model; wherein, the target region is the region corresponding to the largest forecast region among the at least one second forecast region.

3. The method of claim 2, wherein, The method further includes: When there is no forecast area contained in the display area among the forecast areas, the atmospheric forecast model associated with the forecast area with the smallest range among the forecast areas is taken as the third atmospheric forecast model corresponding to the display area. The resolution of the third atmospheric forecast model is higher than that of other atmospheric forecast models. The third atmospheric forecast data corresponding to the third atmospheric forecast mode is loaded onto the map base map corresponding to the display area to obtain the second target rendering result, which displays the third atmospheric forecast data.

4. The method of claim 2, wherein, The method further includes: When there is no forecast area that includes the display area in any of the forecast areas, the atmospheric forecast model associated with the forecast area with the largest range in each forecast area is taken as the fourth atmospheric forecast model corresponding to the display area. The resolution of the fourth atmospheric forecast model is lower than the resolution of other atmospheric forecast models. The fourth atmospheric forecast data corresponding to the fourth atmospheric forecast mode is loaded onto the map base map corresponding to the display area to obtain the third intermediate rendering result. The rendering data corresponding to the area outside the forecast area of ​​the fourth atmospheric forecast mode in the third intermediate rendering result is cropped to obtain the third target rendering result. The third target rendering result displays the fourth atmospheric forecast data.

5. The method of claim 1, wherein, The step of loading the first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area to obtain the first intermediate rendering result includes: Acquire the first atmospheric forecast data, which includes: forecast spatial grid information and forecast data for each grid point; A target layer is generated on the base map corresponding to the display area, and the target forecast data corresponding to each pixel in the target layer is determined according to the first atmospheric forecast data; The target layer is rendered based on the target prediction data corresponding to each pixel to obtain the first intermediate rendering result.

6. The method of claim 5, wherein, The acquisition of the first atmospheric forecast data includes: Acquire preprocessed data, which is: data after preprocessing the atmospheric forecast data output by the forecast model corresponding to the first atmospheric forecast model; The preprocessed data is parsed to obtain the first atmospheric forecast data.

7. The method of claim 1, wherein, The step of making the target region contained in the first intermediate rendering result transparent to obtain the second intermediate rendering result includes: The rendering data corresponding to the target region in the first intermediate rendering result is removed to obtain the second intermediate rendering result.

8. The method of claim 2, wherein, When the forecast area corresponding to the second atmospheric forecast model is the smallest forecast area among all forecast areas, in the first target rendering result, the view mode corresponding to the target area is 3D, and the target area displays building models. In the first target rendering result, the view mode corresponding to the area outside the target area is 2D.

9. An apparatus for visualizing atmospheric forecast data, characterized by include: The response module is used to respond to a zoom request triggered by a user on the atmospheric forecast data display page and obtain the display area corresponding to the zoom request; The first processing module is used to load first atmospheric forecast data corresponding to the first atmospheric forecast mode onto the map base map corresponding to the display area when it is determined that the display area contains the target area, to obtain a first intermediate rendering result, and to make the target area contained in the first intermediate rendering result transparent to obtain a second intermediate rendering result. The second processing module is used to load the second atmospheric forecast data corresponding to the second atmospheric forecast mode onto the target area included in the second intermediate rendering result to obtain a first target rendering result. The first target rendering result combines and displays the first atmospheric forecast data and the second atmospheric forecast data. The resolution of the first atmospheric forecast mode is lower than the resolution of the second atmospheric forecast mode.

10. An electronic device, comprising: include: processor; as well as Stored program memory, The program includes instructions that, when executed by the processor, cause the processor to perform the method according to any one of claims 1-8.

Images