Meteorological data rendering method and system, storage medium and electronic equipment

Abstract

The invention provides a meteorological data rendering method and system, a storage medium and electronic equipment. The method comprises the following steps: storing collected meteorological data through an Elasticsearch database; performing conversion processing on the meteorological data based on wind field UV data and a preset threshold value to obtain conversion data; performing slicing processing on the conversion data to generate grey-scale map slices; and rendering the grey-scale map slices in a WebGL mode of a browser to realize animation display of the meteorological data. According to the method, rendering is quicker, rendering bottleneck does not exist, gpu-based data real-time interpolation is easier to realize, and the data is smoother in a time sequence animation instead of a carousel graph form. Therefore, the data granularity can be reduced, the query and return of redundant data can be reduced, the data processing efficiency can be improved, and the technical problems of lagging and delay during dynamic rendering display of the meteorological data can be effectively solved.

Description

Technical Field

[0001] The present application relates to the field of meteorological management technology, and in particular to the field of meteorological data rendering methods, systems, storage media and electronic equipment technology. Background Art

[0002] "The development orientation of water conservancy, hydropower, clean energy, ecological and environmental protection and other fields is undergoing a gradual change from extensive to intensive. The relationship between meteorology and the development plan of "two wings flying together" of clean energy and ecological and environmental protection is becoming closer and closer, and the supporting role is becoming more prominent. The business has higher and higher requirements for the timeliness, accuracy and pertinence of meteorological forecasts. In the future development of meteorological services, we must not only rely on in-depth cooperation with the China Meteorological Administration, but also strengthen the construction of our own core meteorological business capabilities, form analytical research and application capabilities based on meteorological data, and have the professional ability to use meteorological data to support business development.

[0003] Meteorological data is a typical type of big data, with the characteristics of large data volume, high timeliness, and rich data types. A large amount of meteorological data is spatiotemporal data, which records the observed or simulated quantities of various physical quantities at various points in time and space. The amount of data generated every day is large, and it is a difficult problem to store and efficiently query and process these meteorological data. In addition, due to the multi-source, multi-type, and large data volume of meteorological data, there will be jamming and delays when controlling the dynamic rendering and display of meteorological data. Summary of the invention

[0004] In view of the shortcomings of the prior art described above, the purpose of the present application is to provide a meteorological data rendering method, system, storage medium and electronic device, which are used to solve the technical problems of freeze and delay in the dynamic rendering and display of existing meteorological data.

[0005] To achieve the above-mentioned purpose and other related purposes, the present application provides a meteorological data rendering method, including: storing the collected meteorological data through an Elasticsearch database; converting the meteorological data based on wind field UV data and a preset threshold to obtain converted data; slicing the converted data to generate grayscale image slices; rendering the grayscale image slices through a browser WebGL method to achieve animated display of the meteorological data.

[0006] In one embodiment of the present application, the meteorological data collected and stored through the Elasticsearch database includes: splitting the meteorological data according to physical quantities and establishing different indexes for each of the physical quantities; gridding the meteorological data according to longitude and latitude grids, and storing the meteorological data according to the index and grid division results.

[0007] In one embodiment of the present application, the meteorological data is converted and processed based on the wind field UV data and a preset threshold interval, and obtaining the converted data includes: calculating and obtaining a numerical index of the UV component based on the wind field UV data; mapping the numerical index of the UV component to a preset threshold interval in the pixel point RG value to obtain the converted data.

[0008] In one implementation of the present application, the method further includes rendering the converted data onto a map via a leaflet-velocity plug-in.

[0009] In one embodiment of the present application, rendering the grayscale image slices through the browser WebGL method includes: creating a WebGL texture, and smoothing the grayscale image slices based on the WebGL texture to obtain a smooth grayscale image; dynamically coloring the smoothed grayscale image using linear interpolation in the WebGL shader to achieve dynamic rendering of each meteorological element data in the smoothed grayscale image.

[0010] In one embodiment of the present application, the rendered meteorological data includes a three-dimensional typhoon interactive rendering display, including: a three-dimensional GIS rendering display of a real-time typhoon path, including using a three-dimensional pipeline to present the typhoon path, displaying the three-dimensional path in sections according to the wind speed of the path at the current moment, and performing a three-dimensional rendering display of the wind circle radius at the current point; synchronous rendering and display of real-time three-dimensional wind and rain data, including rendering and displaying the three-dimensional wind field in the form of a dynamic three-dimensional wind field map, a pipeline map of three-dimensional wind flow field tracking, and a three-dimensional wind pole map, and performing a three-dimensional simulation rendering display in an extruded manner, and presenting a three-dimensional precipitation field display in a precipitation area in a convex manner; a list rendering display of the real-time typhoon path, including using a list to render and display information of the currently selected typhoon at different positioning points, the information at least including the position of the positioning point, the wind circle radius and the wind speed; rendering and displaying the details of the typhoon point, including rendering and displaying the typhoon risk information at the point in the form of a pop-up bubble in response to a click operation on a point where a typhoon path exists, the typhoon risk information including a plurality of combinations of wind circle radius, wind speed, time, intensity, display forecasting agency, and forecast time.

[0011] In one embodiment of the present application, the rendered meteorological data includes three-dimensional wind farm station meteorological simulation rendering, including: three-dimensional simulation rendering display of wind farm points, including rendering and displaying multiple points simultaneously superimposed on the three-dimensional earth, the superposition is a two-dimensional image superposition or a three-dimensional point model superposition, and in response to the mouse moving to the point, at least the location and name of the point are displayed; rendering and simulation display of the meteorological overview of the wind farm, including rendering and simulation display of the current meteorological observation situation, rendering and simulation display of the future weather forecast of the current specified numerical mode at the point, and rendering and simulation display of the current relevant power model data of the wind farm, rendering and presenting the model forecast or actual sampling data for the point in the form of a pop-up window.

[0012] To achieve the above-mentioned purpose and other related purposes, the present application also provides a meteorological data rendering system, including: a collection module, which stores the collected meteorological data through an Elasticsearch database; a data conversion module, which converts the meteorological data based on wind field UV data and a preset threshold to obtain converted data; a slicing graph module, which is used to slice the converted data to generate grayscale image slices; a rendering module, which renders the grayscale image slices through a browser WebGL method to realize animated display of the meteorological data.

[0013] To achieve the above-mentioned purpose and other related purposes, the present application also provides a computer storage medium storing program instructions, which implement the steps of the meteorological data rendering method as described above when executed.

[0014] To achieve the above-mentioned purpose and other related purposes, the present application also provides an electronic device, including a memory for storing a computer program; and a processor for running the computer program to implement the steps of the meteorological data rendering method as described above.

[0015] As described above, the meteorological data rendering method, system, storage medium and electronic device of the present application have the following beneficial effects:

[0016] This application is different from traditional canvas technology. WebGL rendering is faster, there is no rendering bottleneck, and it is easier to achieve real-time data interpolation based on GPU, which is smoother in the time series animation of data, rather than in the form of a carousel. Therefore, this application can reduce the granularity of data, reduce the query and return of redundant data, improve data processing efficiency, and effectively solve the technical problems of freeze and delay when dynamically rendering and displaying meteorological data. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0018] Figure 1 Shown is a schematic diagram of the overall process of a meteorological data rendering method in an embodiment of the present application;

[0019] Figure 2 Shown is a schematic diagram of the principle flow of data storage in a meteorological data rendering method in an embodiment of the present application;

[0020] Figure 3 Shown is a flowchart of the implementation of data storage in the meteorological data rendering method in one embodiment of the present application;

[0021] Figure 4 Shown is a schematic diagram of the process of data conversion in a meteorological data rendering method in an embodiment of the present application;

[0022] Figure 5 Shown is a schematic diagram of the data rendering process in the meteorological data rendering method in one embodiment of the present application;

[0023] Figure 6 Shown is a schematic diagram of the process of rendering a three-dimensional wind farm meteorological simulation in a meteorological data rendering method in an embodiment of the present application;

[0024] Figure 7 Shown is a schematic diagram of the process of rendering a three-dimensional wind farm meteorological simulation in a meteorological data rendering method in an embodiment of the present application;

[0025] Figure 8 Shown is a principle block diagram of a meteorological data rendering system in one embodiment of the present application;

[0026] Fig. 9 It is a principle block diagram of an electronic device in one embodiment of the present application. DETAILED DESCRIPTION

[0027] The following describes the implementation of this embodiment through specific examples, and those skilled in the art can easily understand other advantages and effects of this embodiment from the content disclosed in this specification. This embodiment can also be implemented or applied through other different specific implementations, and the details in this specification can also be modified or changed in various ways based on different viewpoints and applications without departing from the spirit of this embodiment. It should be noted that the following embodiments and features in the embodiments can be combined with each other without conflict.

[0028] The embodiments of the present application provide a meteorological data rendering method, system, storage medium and electronic device, which are used to solve the technical problems of freeze and delay that exist in the dynamic rendering and display of existing meteorological data.

[0029] The principles and implementation methods of the meteorological data rendering method, system, storage medium and electronic device of this embodiment will be described in detail below, so that those skilled in the art can understand the meteorological data rendering method, system, storage medium and electronic device of this embodiment without creative work.

[0030] This embodiment provides a meteorological data rendering method, specifically, as follows Figure 1 As shown, the meteorological data rendering method in this embodiment includes the following steps S100 to S400.

[0031] Step S100, storing the collected meteorological data through the Elasticsearch database;

[0032] Step S200, converting the meteorological data based on the wind field UV data and a preset threshold value to obtain conversion data;

[0033] Step S300, slicing the converted data to generate grayscale image slices;

[0034] Step S400, rendering the grayscale image slices in a browser WebGL manner to achieve animation display of the meteorological data.

[0035] The above steps S100 to S400 in the meteorological data rendering method of this embodiment are described in detail below.

[0036] Step S100, storing the collected meteorological data through the Elasticsearch database.

[0037] In this embodiment, the meteorological data includes multi-source vector data and multi-source raster data.

[0038] This embodiment also includes normalizing the vector data:

[0039] a. Standardization of data format. Use a unified database to store and manage vector data.

[0040] b. Standardization of data naming. Prepare vector data naming standards and use the same naming rules for fields with the same meaning from different sources.

[0041] c. Standardization of field types. Standardize and classify the storage types of numerical, text, logical, and time data to ensure that data is stored in the most appropriate way.

[0042] This embodiment also includes the following steps to standardize the raster data:

[0043] a. Standardization of file meta information. When entering data, it supports the storage of data meta information, including fixed information such as data storage path and update time, and also supports the storage of custom fields.

[0044] b. Standardized storage format. Data can be stored in both lossy and lossless image encoding modes to minimize image size.

[0045] c. Storage path standardization. Standardize the encoding of the data storage path. That is, design a reasonable path storage structure that can standardize and effectively express the source, field, level, forecast time, start time and other information of the numerical model.

[0046] In this embodiment, Elasticsearch is the core database for structured data storage of meteorological data. This embodiment also includes Redis for data cache acceleration, and also includes Minio object storage library for file type data storage.

[0047] This embodiment uses elasticsearch for data storage: the data is split according to physical quantities, and the data is gridded according to longitude and latitude grids.

[0048] Figure 2 It is a schematic diagram showing the principle flow of data storage in the meteorological data rendering method in one embodiment of the present application; Figure 2 As shown, in one embodiment of the present application, storing the collected meteorological data through the Elasticsearch database includes the following steps S110 to S120.

[0049] Step S110, splitting the meteorological data according to physical quantities, and establishing different indexes for each of the physical quantities;

[0050] Step S120, gridding the meteorological data according to longitude and latitude grids, and storing the meteorological data according to the index and the gridding result.

[0051] Meteorological data has obvious multidimensional characteristics, generally including the following five dimensions:

[0052] Physical quantities, or called elements: temperature, humidity, wind direction, wind speed, etc.; 2) Forecast time: next 3 hours, 6 hours, 9 hours, 72 hours, etc.; 3) Altitude; 4) Longitude; 5) Latitude.

[0053] Assume that a three-dimensional grid space contains 10 planes of different heights, each plane is a 1400x 721 grid point, and each grid point stores a 4-byte data. Then the amount of data in this three-dimensional space is 1400x 721x 4x 10, about 38MB. This is just a forecast of a certain physical quantity in a certain time period by a certain model system, so the total amount of meteorological data is very large.

[0054] Figure 3 Shown is a flowchart of the implementation of data storage in the meteorological data rendering method in one embodiment of the present application; Figure 3 As shown, this embodiment uses elasticsearch for data storage:

[0055] 1. Split the data by physical quantity, create different indexes for storage, and improve efficiency by querying different indexes when querying data.

[0056] 2. Divide the data into grids according to longitude and latitude to reduce the granularity of the data and reduce the query and return of redundant data.

[0057] Step S200: converting the meteorological data based on the wind field UV data and a preset threshold value to obtain converted data.

[0058] In this embodiment, data conversion includes processing of meteorological data changing along the time axis to realize wind field particle animation based on leaflet-velocity. Figure 4 It is a schematic diagram of the flow of data conversion in the meteorological data rendering method in one embodiment of the present application; Figure 4 As shown, in one embodiment of the present application, the meteorological data is converted based on the wind field UV data and the preset threshold interval, and obtaining the converted data includes the following steps S110 to S120.

[0059] Step S210, calculating and obtaining a numerical index of a UV component based on the wind field UV data;

[0060] Step S220 , mapping the numerical index of the UV component to a preset threshold interval in the pixel point RG value to obtain conversion data.

[0061] In this embodiment, a function is written to convert the U_**.json and V_**.json data returned by the backend as follows:

[0062] UV component is calculated as follows:

[0063] dir = (270.0-direction)*Math.PI / 180.0);

[0064] U = (speed * Math.cos(dir);

[0065] V = (speed * Math.sin(dir);

[0066] The south direction is the positive direction, and the direction can be adjusted according to the actual situation, for example, to the north. The actual displayed data is the effect after the UV component is calculated by the above formula, that is, the effect after conversion to the north direction, and then the data is rendered through the leaflet-velocity.js plug-in.

[0067] Step S300, slicing the converted data to generate grayscale image slices.

[0068] Step S400, rendering the grayscale image slices in a browser WebGL manner to achieve animation display of the meteorological data.

[0069] In this embodiment, after rendering, the effect of meteorological data changing along the time axis can be achieved:

[0070] The grid data is converted to grayscale texture map, and the characteristics of gl.LINEAR linear interpolation are used to dynamically color the grayscale texture map through the webgl shader function. This realizes the dynamic rendering of various meteorological element data and solves the problem of frame flickering of vector slices.

[0071] In this embodiment, the meteorological data is sliced ​​to generate grayscale image slices, and the grayscale image slices are requested according to the slicing rules based on the level and row and column numbers through the GIS API. The browser WEBGL renders the grayscale image slices, smoothes them first, and then performs texture sampling according to the preset legend to complete the rendering. Figure 5 It is a schematic diagram of the data rendering process in the meteorological data rendering method in one embodiment of the present application; Figure 5 As shown, in one embodiment of the present application, rendering the grayscale image slices by means of browser WebGL includes the following steps S410 to S420.

[0072] Step S410, creating a WebGL texture, and performing smoothing processing on the grayscale image slice based on the WebGL texture to obtain a smoothed grayscale image;

[0073] Step S420, dynamically coloring the smooth grayscale image by using linear interpolation in a WebGL shader, thereby achieving dynamic rendering of each meteorological element data in the smooth grayscale image.

[0074] In this embodiment, a slicing rule is preset to slice the data and produce grayscale image slices; the front end requests grayscale image slices according to the slicing rule based on the level and row and column numbers through the GIS API; the browser WEBGL rendering first smoothes the grayscale image slices, and then performs texture sampling according to the preset legend to complete the rendering.

[0075] Specifically, when rendering the grayscale image slices through the browser WebGL method, the meteorological grid file corresponding to the meteorological index selected under the timestamp is obtained. For example, in the wind field UV data, U is the component of the east-west wind, and the westerly wind is positive. V is the component of the north-south wind, and the south wind is positive. The direction refers to which direction the wind is blowing from.

[0076] Compress and transcode the meteorological grid file into a grayscale image according to the preset value range for the numerical index of the selected index band (such as the wind field UV component). For example, map the wind field UV value in the range of -30 to +30 to the pixel point RG value in the range of 0-255. Convert float64 to unit8.

[0077] The preset slicing rules are used to slice the data and generate grayscale image slices. The front end then requests grayscale image slices according to the slicing rules based on the level and row and column numbers through the GIS API; the browser WEBGL rendering first smoothes the grayscale image slices, then performs texture sampling according to the preset legend to complete the rendering.

[0078] Among them, the meteorological data is sliced ​​and broken down into small pieces to solve the bottleneck of network transmission. In addition, the data volume can be further compressed to optimize network transmission.

[0079] This embodiment is different from the traditional canvas technology. WebGL rendering is faster, has no rendering bottleneck, and is easier to achieve real-time data interpolation based on the GPU. The time series animation of the data is smoother instead of a carousel format. It can reduce the granularity of the data, reduce the query and return of redundant data, and improve data processing efficiency.

[0080] In one implementation of the present application, the method further includes rendering the converted data onto a map via a leaflet-velocity plug-in.

[0081] Figure 6 The figure shows a schematic diagram of the process of rendering a three-dimensional wind farm meteorological simulation in a meteorological data rendering method in an embodiment of the present application; Figure 6 As shown, in one embodiment of the present application, the rendered meteorological data includes a three-dimensional typhoon interactive rendering display, including the following steps S510 to S540.

[0082] Step S510, three-dimensional GIS rendering and display of the real-time typhoon path, including using a three-dimensional pipeline to present the typhoon path, segmented coloring of the three-dimensional path according to the wind speed of the path at the current moment, and three-dimensional rendering and display of the wind circle radius at the current point.

[0083] In this embodiment, the real-time typhoon path three-dimensional GIS rendering display includes: 1) the typhoon path is presented using three-dimensional pipelines, and the thickness of the pipelines can be customized; 2) the three-dimensional path is displayed in segments according to the wind speed of the path at the current moment; 3) the radius of the wind circle at the current point is displayed in three dimensions.

[0084] Step S520, synchronously render and display the real-time three-dimensional wind and rain data, including rendering and displaying the three-dimensional wind field in the form of a dynamic three-dimensional wind field map, a pipeline map of three-dimensional wind flow field tracking, and a three-dimensional wind pole map, and performing three-dimensional simulation rendering and display in an extruded manner, and using a raised manner to present the three-dimensional precipitation field display of the precipitation area.

[0085] In this embodiment, the synchronous rendering and display of real-time three-dimensional wind and rain data includes: 1) rendering of three-dimensional wind field display, including wind volume in three directions UVW. The display methods include dynamic three-dimensional wind field map, pipeline map of three-dimensional wind flow field tracking, and three-dimensional wind pole map; 2) rendering of three-dimensional precipitation field display. Since precipitation is two-dimensional field data, it can be simulated in three dimensions by extrusion, and areas with large precipitation are presented in a convex manner.

[0086] Step S530, rendering and displaying the real-time typhoon path in a list, including rendering and displaying the information of the currently selected typhoon at different positioning points in a list manner, wherein the information at least includes the position of the positioning point, the radius of the wind circle and the wind speed.

[0087] In this embodiment, the real-time typhoon path list rendering and display includes: using a list to present the information of the currently selected typhoon at different positioning points, including the position of the positioning point, the radius of the wind circle, the wind speed, etc.

[0088] Step S540, rendering and displaying the typhoon point details, including responding to a click operation on a typhoon path point, rendering and displaying the typhoon risk information at the point in the form of a pop-up bubble, wherein the typhoon risk information includes multiple combinations of wind circle radius, wind speed, time, intensity, display of forecast agencies, and forecast time.

[0089] In this embodiment, the rendering and display of typhoon point details include: when there is a typhoon path point at the place where the mouse is clicked, the typhoon risk situation at the point is displayed in the form of a pop-up bubble, including wind circle radius, wind speed, time, intensity and other information. If it is a forecast path point, it also supports the display of forecast agency, forecast time and other information.

[0090] Figure 7 The figure shows a schematic diagram of the process of rendering a three-dimensional wind farm meteorological simulation in a meteorological data rendering method in an embodiment of the present application; Figure 7As shown, in one embodiment of the present application, the rendered meteorological data includes three-dimensional wind farm meteorological simulation rendering, including the following steps S610 to S620.

[0091] Step S610, performing three-dimensional simulation rendering and display of wind farm points, including rendering and displaying multiple points and superimposing them on a three-dimensional earth at the same time, wherein the superposition is a two-dimensional picture superposition or a three-dimensional point model superposition, and in response to the mouse moving to a point, at least the location and name of the point are displayed.

[0092] In this embodiment, the three-dimensional rendering display of wind farm points includes: 1) multiple points are superimposed on the three-dimensional earth at the same time; the display method can be two-dimensional picture superposition, or three-dimensional point model superposition; 2) when the mouse moves to the point, it supports the display of the location, name and other inherent information of the point.

[0093] Step S620, rendering and simulating the meteorological overview of the wind farm, including rendering and simulating the current meteorological observation situation, rendering and simulating the future weather forecast at the point with the current specified numerical mode, and rendering and simulating the current relevant power model data of the wind farm, and rendering and presenting the model forecast or actual sampling data for the point in the form of a pop-up window.

[0094] In this embodiment, the rendering and display of the meteorological overview of the wind farm includes: displaying the meteorological data collected at the wind farm point, including: 1) the current meteorological observation situation; 2) the future weather forecast at the point with the current specified numerical model, including common basic meteorological elements and ocean-related elements, such as wave height, wave direction, etc.; 3) if there is currently relevant power model data for the wind farm, it also supports presenting the model forecast or actual sampling data for the point in the form of a pop-up window.

[0095] When entering a specific wind farm through the wind farm point details pop-up window, this embodiment also renders and displays the wave height conditions of the wind farm, including:

[0096] 1) Display the numerical forecast data in a color-filled manner on a three-dimensional globe.

[0097] 2) The data is squeezed according to the wave height to show a wave effect with ups and downs.

[0098] This embodiment also includes a single wind farm flow field condition simulation rendering display. When entering a specific wind farm through the wind farm point details pop-up window, the flow field condition of the wind farm is rendered and displayed, including:

[0099] 1) The flow velocity is displayed on the three-dimensional earth by coloring.

[0100] 2) Use dynamic wave lines to animate and simulate the flow field.

[0101] If the wind farm has three-dimensional wind turbine model data, this embodiment also renders the three-dimensional wind turbine model in real time on the three-dimensional earth.

[0102] This embodiment also provides a meteorological data rendering system. Figure 8 Shown is a principle block diagram of a meteorological data rendering system in an embodiment of the present application; Figure 8 As shown, the meteorological data rendering system includes: an acquisition module, a data conversion module, a slice diagram module and a rendering module.

[0103] Among them, the acquisition module stores the collected meteorological data through the Elasticsearch database; the data conversion module converts the meteorological data based on the wind field UV data and the preset threshold to obtain the converted data; the slicing image module is used to slice the converted data to generate grayscale image slices; the rendering module renders the grayscale image slices through the browser WebGL method to realize the animated display of the meteorological data.

[0104] In this embodiment, the implementation principle of each module of the meteorological data rendering system is the same as the implementation principle of each step of the above-mentioned meteorological data rendering method, and the implementation principle and specific implementation method of the meteorological data rendering system are not repeated here.

[0105] An embodiment of the present application also provides a computer-readable storage medium on which a computer program is cached. When the computer program is executed by a processor, the meteorological data rendering method provided in any embodiment of the present application is implemented.

[0106] In the embodiment of the present application, any combination of one or more storage media can be used. The storage medium can be a computer-readable signal medium or a computer-readable storage medium. The computer-readable storage medium can be, for example, - but not limited to - an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples (non-exhaustive list) of computer-readable storage media include: an electrical connection with one or more wires, a portable computer disk, a hard disk, a RAM, a ROM, an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In this document, a computer-readable storage medium can be any tangible medium containing or storing a program, which can be used by an instruction execution system, a device or a device or used in combination with it.

[0107] An embodiment of the present application also provides an electronic device. Fig. 9Shown is a schematic diagram of the structure of the electronic device 100 provided in the embodiment of the present application. In some embodiments, the electronic device can be a mobile phone, a tablet computer, a wearable device, a vehicle-mounted device, an augmented reality (AR) / virtual reality (VR) device, a laptop computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA) and other terminal devices. In addition, the meteorological data rendering method provided in the present application can also be applied to databases, servers, and service response systems based on terminal artificial intelligence. The embodiment of the present application does not impose any restrictions on the specific application scenarios of the meteorological data rendering method.

[0108] like Fig. 9 As shown, the electronic device 100 provided in the embodiment of the present application includes a memory 101 and a processor 102 .

[0109] The memory 101 is used to store computer programs; preferably, the memory 101 includes: ROM, RAM, disk, USB flash drive, memory card or CD-ROM and other media that can store program codes.

[0110] Specifically, the memory 101 may include a computer system readable medium in the form of a volatile memory, such as a random access memory (RAM) and / or a cache memory. The electronic device 100 may further include other removable / non-removable, volatile / non-volatile computer system storage media. The memory 101 may include at least one program product having a set (e.g., at least one) of program modules, which are configured to perform the functions of the various embodiments of the present application.

[0111] The processor 102 is connected to the memory 101 and is used to execute the computer program stored in the memory 101 so that the electronic device 100 executes the meteorological data rendering method provided in any embodiment of the present application.

[0112] Optionally, the processor 102 can be a general-purpose processor, including a central processing unit (CPU), a network processor (NP), etc.; it can also be a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components.

[0113] Optionally, the electronic device 100 in this embodiment may further include a display 103. The display 103 is communicatively connected with the memory 101 and the processor 102, and is used to display a GUI interaction interface related to the meteorological data rendering method.

[0114] The above embodiments may be implemented in whole or in part by software, hardware, firmware or any other combination thereof. When implemented using software, the above embodiments may be implemented in whole or in part in the form of a computer program product. The computer program product includes a plurality of computer instructions. When the computer program instructions are loaded or executed on a computer, the process or function according to the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium.

[0115] In summary, this application is different from traditional canvas technology. WebGL rendering is faster, there is no rendering bottleneck, and it is easier to achieve real-time data interpolation based on GPU, which is smoother in the time series animation of data, rather than in the form of a carousel. Therefore, this application can reduce the granularity of data, reduce the query and return of redundant data, improve data processing efficiency, and effectively solve the technical problems of jamming and delay when meteorological data is dynamically rendered and displayed. Therefore, this embodiment effectively overcomes the various shortcomings of the prior art and has a high industrial utilization value.

[0116] The above embodiments are merely illustrative of the principles and effects of the present embodiment, and are not intended to limit the present embodiment. Anyone familiar with the technology may modify or change the above embodiments without violating the spirit and scope of the present embodiment. Therefore, all equivalent modifications or changes made by those of ordinary skill in the art without departing from the spirit and technical ideas disclosed in the present embodiment should still be covered by the claims of the present embodiment.

Claims

1. A meteorological data rendering method, characterized in that: include: The collected meteorological data is stored in the Elasticsearch database; The meteorological data is converted based on the wind field UV data and a preset threshold value to obtain conversion data; Slicing the converted data to generate grayscale image slices; The grayscale image slices are rendered in a browser WebGL manner to achieve animated display of the meteorological data.

2. The meteorological data rendering method according to claim 1, characterized in that: The meteorological data collected and stored in the Elasticsearch database includes: Splitting the meteorological data according to physical quantities, and establishing different indexes for each of the physical quantities; The meteorological data is grid-divided according to longitude and latitude grids, and the meteorological data is stored according to the index and the grid-division result.

3. The meteorological data rendering method according to claim 1, characterized in that: The converting and processing the meteorological data based on the wind field UV data and the preset threshold interval to obtain the converted data includes: Calculate and obtain the numerical index of UV component based on wind field UV data; The numerical index of the UV component is mapped to the preset threshold interval in the pixel RG value to obtain the conversion data.

4. The meteorological data rendering method according to claim 3, characterized in that: The method also includes rendering the converted data onto a map through a leaflet-velocity plug-in.

5. The meteorological data rendering method according to claim 1, characterized in that: The rendering of the grayscale image slices by using the browser WebGL method includes: Creating a WebGL texture, and smoothing the grayscale image slices based on the WebGL texture to obtain a smoothed grayscale image; The smooth grayscale image is dynamically colored by using linear interpolation in the WebGL shader, so as to realize dynamic rendering of each meteorological element data in the smooth grayscale image.

6. The meteorological data rendering method according to claim 1, characterized in that: Rendered meteorological data includes 3D typhoon interactive rendering display, including: 3D GIS rendering and display of real-time typhoon paths, including using 3D pipelines to present typhoon paths, segmented coloring of 3D paths according to the wind speed at the current moment, and 3D rendering and display of the wind circle radius at the current point; Synchronous rendering and display of real-time 3D wind and rain data, including rendering and displaying 3D wind field in the form of dynamic 3D wind field map, pipeline map of 3D wind flow field tracking, 3D wind pole map, and 3D simulation rendering and display in the form of extrusion, and 3D precipitation field display in the area of ​​precipitation using convexity; Rendering and displaying the real-time typhoon path in a list, including rendering and displaying the information of the currently selected typhoon at different positioning points in a list manner, wherein the information at least includes the position of the positioning point, the radius of the wind circle, and the wind speed; The typhoon point details are rendered and displayed, including responding to a click operation on a typhoon path point by rendering and displaying the typhoon risk information at the point in the form of a pop-up bubble, wherein the typhoon risk information includes multiple combinations of wind circle radius, wind speed, time, intensity, display of forecast agencies, and forecast time.

7. The meteorological data rendering method according to claim 1, characterized in that: The rendered meteorological data includes 3D wind farm station meteorological simulation rendering, including: Performing three-dimensional simulation rendering and display of wind farm points, including rendering and displaying multiple points and superimposing them on the three-dimensional earth at the same time, wherein the superposition is a two-dimensional picture superposition or a three-dimensional point model superposition, and in response to the mouse moving to the point, at least the position and name of the point are displayed; The meteorological overview of the wind farm is rendered and simulated, including rendering and simulation to display the current meteorological observation situation, rendering and simulation to display the future weather forecast at the point with the current specified numerical model, and rendering and simulation to display the relevant power model data of the wind farm. The model forecast or actual sampling data for the point is rendered and presented in the form of a pop-up window.

8. A meteorological data rendering system, characterized in that: include: The collection module stores the collected meteorological data through the Elasticsearch database; A data conversion module converts the meteorological data based on the wind field UV data and a preset threshold value to obtain conversion data; A slice image module, used for slicing the converted data to generate grayscale image slices; The rendering module renders the grayscale image slices through the browser WebGL method to realize the animation display of the meteorological data.

9. An electronic device, characterized in that: include: comprising a memory for storing a computer program; A processor is used to run the computer program to implement the steps of the meteorological data rendering method according to any one of claims 1 to 7.

10. A computer storage medium storing program instructions, characterized in that: When the program instructions are executed, the steps of the meteorological data rendering method according to any one of claims 1 to 7 are implemented.

Images