Meteorological data rendering method and device, equipment, storage medium and program product

Abstract

The invention provides a meteorological data rendering method and device, equipment, a storage medium and a program product. The method comprises the steps of sending a loading request to a display component through a development framework in response to a starting operation of a user on a meteorological application, loading a service page through the display component, obtaining original data, rendering the original data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework, and displaying the rendered page through the development framework. According to the method, the rendering efficiency of the meteorological data is improved.

Description

Technical Field

[0001] The present application relates to the field of data processing, and in particular to a method, device, equipment, storage medium and program product for rendering meteorological data. Background Art

[0002] With the development of meteorological detection, real-time visualization of meteorological data has become an important part of meteorological applications. There are many types of meteorological data, and the amount of data is huge. The types of meteorological data include temperature, humidity, wind field, rainfall and other dimensions.

[0003] At present, most weather applications are based on native development or hybrid development. Native development is based on the specific development tools and languages ​​of each platform, making full use of the system capabilities of the platform to provide the best user experience and performance, but it requires each platform to maintain a set of codes, which makes development and maintenance more complicated. Hybrid development is based on web views and can be adapted to multiple operating systems, but due to the performance limitations of web views, it is easy to experience freezes or unsmoothness when processing complex real-time visualization data.

[0004] In the above situation, in the real-time visualization of meteorological data, based on native development, development and maintenance are relatively complicated, and based on hybrid development, it is easy to have jamming, resulting in low rendering efficiency of meteorological data. Summary of the invention

[0005] The embodiments of the present application provide a method, device, equipment, storage medium and program product for rendering meteorological data, so as to solve the technical problem of low rendering efficiency of meteorological data.

[0006] In a first aspect, the present application provides a method for rendering meteorological data, comprising:

[0007] In response to a user's start operation on the weather application, a loading request is sent to the presentation component through the development framework;

[0008] Load the service page through the display component and obtain the original data;

[0009] Rendering the original data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework;

[0010] The rendering page is displayed through the development framework.

[0011] In this way, through the communication between the development framework and the display components, the application can take advantage of the cross-platform capabilities of the development framework and the rendering advantages of the display components to ensure that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0012] Optionally, in the above method, rendering the original data by a preset renderer in the display component to obtain a rendering interface includes:

[0013] Extracting the original data through the display component to obtain extracted data;

[0014] Performing tile generation processing on the extracted data to obtain tile data, wherein the tile data includes a plurality of color channel values;

[0015] The tile data is rendered by the preset renderer to obtain the rendering interface.

[0016] In this way, the rendering advantages of the display components can be utilized to ensure that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0017] Optionally, the method as described above, rendering the tile data by the preset renderer to obtain the rendering interface includes:

[0018] Inputting the plurality of color channel values ​​into the preset renderer to obtain intermediate data;

[0019] Performing interpolation processing and transition processing on the intermediate data to obtain rendering data;

[0020] The rendering interface is generated according to the rendering data.

[0021] In this way, the rendering advantages of the display components can be utilized to ensure that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0022] Optionally, the method described above, in response to the user's start operation on the weather application, sends a loading request to the presentation component through the development framework, including:

[0023] In response to a user's launching operation of the weather application, display parameters are determined by the development framework;

[0024] generating the loading request according to the display parameters;

[0025] Get the preset locator;

[0026] The loading request is sent to the presentation component according to the locator.

[0027] In this way, through the communication between the development framework and the display components, the application can take advantage of the cross-platform capabilities of the development framework and the rendering advantages of the display components, thereby improving the rendering efficiency of meteorological data.

[0028] Optionally, in the method described above, the weather application includes a switch display control, and the method further includes:

[0029] Displaying the switching display control;

[0030] In response to a user's selection operation on the switch display control, obtaining a target display parameter corresponding to the selection operation through the development framework;

[0031] Sending the target display parameter to the display component through the development framework;

[0032] According to the target display parameters, an update interface is generated through the display component.

[0033] In this way, the rendering interfaces corresponding to different modes can be switched in response to the user's switching instructions, ensuring that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0034] Optionally, the method as described above, generating an update interface through the display component according to the target display parameter, includes:

[0035] Determining target data through the display component according to the target display parameter;

[0036] Rendering the target data by the preset renderer to obtain updated data;

[0037] According to the update data, an update interface is generated through the presentation component.

[0038] In this way, the rendering interfaces corresponding to different modes can be switched in response to the user's switching instructions, ensuring that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0039] In a second aspect, the present application provides a meteorological data rendering device, comprising:

[0040] A sending module, configured to send a loading request to the display component through a development framework in response to a user's start-up operation on the meteorological application program, wherein the development framework is applicable to multiple operating systems;

[0041] An acquisition module, used to load the service page through the display component and obtain the original data;

[0042] A rendering module, used for rendering the raw data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework;

[0043] A display module is used to display the rendering page through the development framework.

[0044] Optionally, in the above device, the rendering module is specifically used for:

[0045] Extracting the original data through the display component to obtain extracted data;

[0046] Performing tile generation processing on the extracted data to obtain tile data, wherein the tile data includes a plurality of color channel values;

[0047] The tile data is rendered by the preset renderer to obtain the rendering interface.

[0048] Optionally, in the above device, the rendering module is specifically used for:

[0049] Inputting the plurality of color channel values ​​into the preset renderer to obtain intermediate data;

[0050] Performing interpolation processing and transition processing on the intermediate data to obtain rendering data;

[0051] The rendering interface is generated according to the rendering data.

[0052] Optionally, in the above device, the sending module is specifically used for:

[0053] In response to a user's launching operation of the weather application, display parameters are determined by the development framework;

[0054] generating the loading request according to the display parameters;

[0055] Get the preset locator;

[0056] The loading request is sent to the presentation component according to the locator.

[0057] Optionally, in the above-mentioned device, the weather application includes a switching display control, and the device further includes a switching module, the switching module being used to:

[0058] Displaying the switching display control;

[0059] In response to a user's selection operation on the switch display control, obtaining a target display parameter corresponding to the selection operation through the development framework;

[0060] Sending the target display parameter to the display component through the development framework;

[0061] According to the target display parameters, an update interface is generated through the display component.

[0062] Optionally, in the above device, the switching module is specifically used for:

[0063] Determining target data through the display component according to the target display parameter;

[0064] Rendering the target data by the preset renderer to obtain updated data;

[0065] According to the update data, an update interface is generated through the presentation component.

[0066] In a third aspect, the present application provides an electronic device, comprising: a processor, and a memory communicatively connected to the processor;

[0067] The memory stores computer-executable instructions;

[0068] The processor executes the computer-executable instructions stored in the memory to implement the method described in any one of the first aspects.

[0069] In a fourth aspect, the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a processor, they are used to implement the method as described in any one of the first aspects.

[0070] In a fifth aspect, the present application provides a computer program product, including a computer program, which implements the method as described in any one of the first aspects when executed by a computer.

[0071] The rendering method, device, equipment, storage medium and program product of meteorological data provided by the present application respond to the user's startup operation of the meteorological application, send a loading request to the display component through the development framework, load the service page through the display component, and obtain the original data, render the original data through the preset renderer in the display component, obtain the rendering interface, and send the rendering interface to the development framework, and display the rendering page through the development framework. In this way, through the communication between the development framework and the display component, the application can take advantage of the cross-platform capability of the development framework and the rendering advantages of the display component, ensure that the complex scenes corresponding to the meteorological data can be rendered smoothly, and improve the rendering efficiency of the meteorological data. BRIEF DESCRIPTION OF THE DRAWINGS

[0072] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0073] Figure 1 A schematic diagram of an application scenario provided for an embodiment of the present application;

[0074] Figure 2 A schematic diagram of a flow chart of a method for rendering meteorological data provided in an embodiment of the present application;

[0075] Figure 3 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application;

[0076] Figure 4 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application;

[0077] Figure 5 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application;

[0078] Figure 6 A schematic diagram of the structure of a meteorological data rendering device provided in an embodiment of the present application;

[0079] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application.

[0080] The above drawings have shown clear embodiments of the present application, which will be described in more detail later. These drawings and text descriptions are not intended to limit the scope of the present application in any way, but to illustrate the concept of the present application to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0081] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application. Instead, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0082] It should be noted that, although the terms "first", "second", etc. are used to describe various information in the embodiments of the present application, such information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. Optionally, without departing from the scope of the present application, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information.

[0083] It should be understood that the terms "comprises" and "includes" indicate the presence of the previously mentioned features, steps, operations, but do not exclude the presence, occurrence or addition of one or at least one other feature, step, operation. The terms "and / or" and the like used in this application may be interpreted as inclusive, or mean any one or any combination. Optionally, "A and / or B" means "any of the following: A; B; A and B". In addition, the character " / " in this article generally indicates that the objects associated before and after are in an "or" relationship.

[0084] With the development of meteorological detection, real-time visualization of meteorological data has become an important part of meteorological applications. There are many types of meteorological data, and the amount of data is huge. The types of meteorological data include temperature, humidity, wind field, rainfall and other dimensions.

[0085] In the related technologies, most of the weather applications are based on native development or hybrid development. Native development is based on the specific development tools and languages ​​of each platform, making full use of the system capabilities of the platform to provide the best user experience and performance, but it requires each platform to maintain a set of codes, and development and maintenance are relatively complex. Hybrid development is based on web views and can be adapted to multiple operating systems, but due to the performance limitations of web views, it is easy to have problems such as freezes or unsmoothness when processing complex real-time visualization data.

[0086] In the above situation, in the real-time visualization of meteorological data, based on native development, development and maintenance are relatively complicated, and based on hybrid development, it is easy to have jamming, resulting in low rendering efficiency of meteorological data.

[0087] In order to solve the above technical problems, the embodiment of the present application provides a method for rendering meteorological data, which sends a loading request to a display component through a development framework, loads a service page through the display component, obtains raw data, renders the raw data through a preset renderer in the display component, obtains a rendering interface, sends a rendering page to the development framework, and displays the rendering page through the development framework. In this way, through the communication between the development framework and the display component, the application can take advantage of the cross-platform capabilities of the development framework and the rendering advantages of the display component, ensuring that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0088] Next, combine Figure 1 , the application scenarios corresponding to the rendering methods of meteorological data are illustrated with examples.

[0089] Figure 1 This is a schematic diagram of an application scenario provided by the embodiment of this application. Figure 1 , Figure 1 The meteorological data rendering system 100 may include at least a development framework 101 and a presentation component 102 .

[0090] The development framework 101 can be used to build high-performance mobile applications that can run on multiple platforms such as iOS and Android. The development framework 101 can provide basic functions required for building applications. Basic functions can include building user interfaces, processing animations, and managing application states. The development framework 101 can include development plug-ins and code components.

[0091] The display component 102 can be used to display web page content in a native application. The display component contains a browser engine. When the display component 102 loads a web page, the browser engine can parse the hypertext markup language of the web page and render the parsed content into a visual page. The display component 102 includes component functions.

[0092] The development framework 101 can be connected to the display component 102 for communication. The component function in the display component can send information to the development plug-in in the development framework 101, and the code component in the development framework 101 can call back to monitor the information received by the development plug-in. The development plug-in can execute the code in the display component 102 through the call function in the code component and obtain the return result.

[0093] The technical solution of the present application and how the technical solution of the present application solves the above-mentioned technical problems are described in detail below with specific embodiments. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.

[0094] The technical solution shown in the present application is described in detail below through specific embodiments. It should be noted that the following embodiments can exist independently or in combination with each other, and the same or similar contents will not be described repeatedly in different embodiments.

[0095] Figure 2 A flowchart of a method for rendering meteorological data provided in an embodiment of the present application. The execution subject of the embodiment of the present application can be a terminal device or a processor set in the terminal device. The processor can be implemented by software or by a combination of software and hardware. Figure 2 , the method comprising:

[0096] S201. In response to a user's start operation on a weather application, a loading request is sent to a presentation component through a development framework.

[0097] Meteorological applications can be used by users to query real-time weather conditions, weather forecasts, meteorological disaster warnings and other weather information.

[0098] The launch operation may be a selection operation performed by the user on a control of the weather application to launch the weather application.

[0099] Load requests can be used to request presentation components to load service pages.

[0100] The loading request may include the current location, requested data type, etc., which are not limited here.

[0101] The requested data type may include temperature type, humidity type, wind field type, rainfall type, etc., which are not limited here.

[0102] The program icon corresponding to the meteorological application can be displayed, and a startup instruction is generated in response to the user's selection operation on the program icon. According to the startup instruction, the development framework of the meteorological application is started, the user interface is loaded through the development framework, and a loading request is sent to the display component.

[0103] Optionally, in response to the user's startup operation on the meteorological application, a loading request can be sent to the display component through the development framework in the following manner: in response to the user's startup operation on the meteorological application, display parameters are determined through the development framework; a loading request is generated based on the display parameters; a preset locator is obtained; and a loading request is sent to the display component based on the locator.

[0104] The display parameters may be used to represent configuration parameters related to the display, and may include display position parameters, rendering methods, etc., which are not limited here.

[0105] The preset locator may be a uniform resource locator, which is an address format used to identify the location of a web page resource.

[0106] S202: Load the service page through the display component and obtain the original data.

[0107] The service page can be used to display real-time visual meteorological rendering data.

[0108] Raw data can be used to represent weather-related data that has not been processed.

[0109] The service page can be loaded according to the loading request through the display component, and the request data type can be determined according to the loading request. According to the request data type, the original data corresponding to the request data type can be obtained through the network request.

[0110] S203: Rendering the original data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework.

[0111] Preset renderers are available for rendering high-performance 2D and 3D graphics.

[0112] The rendering interface can be used to display the original data after rendering.

[0113] The raw data can be preprocessed through the display component, and the preprocessed raw data is input into the preset renderer to obtain rendering data, and a rendering interface is generated according to the rendering data.

[0114] Optionally, the original data can be rendered by a preset renderer in the display component to obtain a rendering interface in the following manner: the original data is extracted by the display component to obtain extracted data; the extracted data is tiled to obtain tile data, wherein the tile data includes multiple color channel values; the tile data is rendered by a preset renderer to obtain a rendering interface.

[0115] S204. Display the rendering page through the development framework.

[0116] The rendering page can be displayed in a preset position of the display interface through the development framework.

[0117] The rendering method of meteorological data provided in this embodiment responds to the user's start-up operation of the meteorological application, sends a loading request to the display component through the development framework, loads the service page through the display component, obtains the original data, renders the original data through the preset renderer in the display component, obtains the rendering interface, sends the rendering interface to the development framework, and displays the rendering page through the development framework. In this way, through the communication between the development framework and the display component, the application can take advantage of the cross-platform capability of the development framework and the rendering advantage of the display component, ensure that the complex scenes corresponding to the meteorological data can be rendered smoothly, and improve the rendering efficiency of the meteorological data.

[0118] Next, combine Figure 3 , the process (S203) of rendering the original data through the preset renderer in the display component to obtain the rendering interface and sending the rendering interface to the development framework is explained.

[0119] Figure 3 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application. Figure 3 , the method comprising:

[0120] S301. Extracting and processing original data through a display component to obtain extracted data.

[0121] The display component can determine the corresponding extraction rules according to the loading request, and extract the original data according to the extraction rules to obtain the extracted data.

[0122] The extraction rules can be determined according to different original data formats.

[0123] For example, if the original data is in JSON format, it can be extracted according to the field name.

[0124] If the original data is in XML format, it can be extracted according to the tag path.

[0125] If the original data is in CSV format, you can extract it by column index or column name.

[0126] The extraction rules can be determined based on the target data range in the load request.

[0127] For example, extracting by time range, extracting by geographic area range, extracting by numerical range.

[0128] S302: Perform tile generation processing on the extracted data to obtain tile data.

[0129] Tile data includes multiple color channel values.

[0130] A preset channel mapping rule may be obtained, and tile generation processing may be performed on the extracted data according to the preset channel mapping rule to obtain tile data.

[0131] The preset channel mapping rules include linear mapping, piecewise linear mapping, threshold-based mapping rules, and combined mapping rules, which are not limited here.

[0132] The threshold-based mapping rule can set one or more thresholds. When the meteorological data is lower than or higher than a certain threshold, the channel color value takes a specific value.

[0133] For example, when the probability of precipitation is lower than 30%, the value corresponding to the blue channel is 0 (which means that the possibility of precipitation is small and the sky color is lighter); when the probability of precipitation is higher than 30%, the value corresponding to the blue channel is 255 (which means that the possibility of precipitation is high and the sky color is darker).

[0134] S303 , inputting multiple color channel values ​​into a preset renderer to obtain intermediate data.

[0135] Preset renderers can be used to render data to present visual data.

[0136] For example, when generating an image with special lighting effects, the red, green, blue and transparency channel values ​​are input into the preset renderer, and the color, brightness, contrast and other attributes of the image are changed by adjusting the algorithm corresponding to each channel value to obtain pixel color data after color mixing and hue adjustment.

[0137] A preset renderer may be called, a plurality of color channel values ​​may be input into the preset renderer, output data output by the preset renderer may be obtained, and the output data may be determined as intermediate data.

[0138] S304: Perform interpolation processing and transition processing on the intermediate data to obtain rendering data.

[0139] Interpolation processing can be used to interpolate between different color data points to make the color transition more natural.

[0140] Transition processing can be used to achieve smooth and natural changes between different color data in different states or areas, making visual changes smoother.

[0141] The first objective function corresponding to the interpolation process and the second objective function corresponding to the transition process can be called, the intermediate data is interpolated by the first objective function to obtain the intermediate data after the interpolation process, and the intermediate data after the interpolation process is transitionally processed by the second objective function to obtain rendering data.

[0142] S305: Generate a rendering interface according to the rendering data.

[0143] The target function can be obtained, and the rendering data can be rendered into a preset page through the target function to obtain a rendering interface.

[0144] The implementation content of each step in the embodiment of the present application can refer to the description of the corresponding steps or operations in the above method embodiment, and repeated content will not be repeated.

[0145] The meteorological data rendering method provided in this embodiment extracts the original data through the display component to obtain the extracted data; performs tile generation processing on the extracted data to obtain tile data, and the tile data includes multiple color channel values; inputs the multiple color channel values ​​into the preset renderer to obtain intermediate data; performs interpolation processing and transition processing on the intermediate data to obtain rendering data; and generates a rendering interface based on the rendering data. In this way, through the communication between the development framework and the display component, the application can take advantage of the cross-platform capability of the development framework and the rendering advantages of the display component to ensure that the complex scenes corresponding to the meteorological data can be rendered smoothly, thereby improving the rendering efficiency of the meteorological data.

[0146] In a possible implementation, the meteorological application includes a switching display control. The meteorological data rendering method further includes: in response to a user's selection operation on the switching display control, updating the rendering interface.

[0147] Next, combine Figure 4 , the process of updating the rendering interface in response to the user's selection operation of switching display controls is explained.

[0148] Figure 4 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application. Figure 4 , the method comprising:

[0149] S401, display switching display controls.

[0150] The switch display control can be used to switch the display content of the interface.

[0151] The switch display control can include multiple display mode sub-controls.

[0152] The multiple display mode sub-controls may include a temperature display sub-control, a humidity display sub-control, a wind field display sub-control, etc., which are not limited here.

[0153] A toggle display control can be displayed in the user interface.

[0154] S402: In response to the user's selection operation on switching display controls, a target display parameter corresponding to the selection operation is acquired through a development framework.

[0155] The target display parameter can be used to implement the target display mode to which the interface is to be switched.

[0156] Display modes may include temperature mode, humidity mode, wind field mode, and the like.

[0157] Different display mode sub-controls correspond to different display modes.

[0158] In response to a user's click operation on a switch display control, multiple display mode sub-controls can be displayed. In response to a user's click operation on any one of the display mode sub-controls, a target display mode of the display mode sub-control corresponding to the click operation can be determined, and corresponding target display parameters can be obtained based on the target display mode.

[0159] S403: Send target display parameters to the display component through the development framework.

[0160] According to the target display parameters, a switching request can be generated through the development framework and sent to the display component.

[0161] S404: Determine target data through a display component according to target display parameters.

[0162] The target data may be used to implement a target display mode corresponding to the target display parameters.

[0163] The display component can be used to determine the display mode according to the target display parameters, and the target data can be obtained through a network request according to the display mode.

[0164] S405: Render the target data using a preset renderer to obtain updated data.

[0165] The target data can be extracted to obtain target extracted data, the target extracted data can be tiled to obtain target tile data, multiple color channel values ​​corresponding to the target tile data can be input into a preset renderer to obtain target intermediate data, and the target intermediate data can be interpolated and transitioned to obtain updated data.

[0166] S406: Generate an update interface through a display component according to the update data.

[0167] The target function can be obtained, and the updated data can be rendered into the rendering interface through the target function to obtain the updated interface.

[0168] The implementation content of each step in the embodiment of the present application can refer to the description of the corresponding steps or operations in the above method embodiment, and repeated content will not be repeated.

[0169] The meteorological data rendering method provided in this embodiment is to display a switching display control, respond to the user's selection operation of the switching display control, obtain the target display parameters corresponding to the selection operation through the development framework, and send the target display parameters to the display component through the development framework; according to the target display parameters, determine the target function through the display component, and according to the target function, perform switching processing on the rendering data in the rendering interface to obtain update data, and generate an update interface through the display component according to the update data. In this way, the rendering interface corresponding to different modes can be switched in response to the user's switching instruction, ensuring that the complex scenes corresponding to the meteorological data can be rendered smoothly, thereby improving the rendering efficiency of the meteorological data.

[0170] Next, combine Figure 5 , the technical solution shown in this application is explained through specific examples.

[0171] Figure 5 A flowchart of another method for rendering meteorological data provided in an embodiment of the present application. Figure 5 , the method comprising:

[0172] S501. In response to a user's start operation on a weather application, a loading request is sent to a presentation component through a development framework.

[0173] The execution process of S501 can refer to the execution process of S201, which will not be described in detail here.

[0174] S502: Load the service page through the display component and obtain the original data.

[0175] The execution process of S502 can refer to the execution process of S202, which will not be described in detail here.

[0176] S503: Rendering the original data through a preset renderer in the presentation component to obtain a rendering interface, and sending the rendering interface to the development framework.

[0177] The execution process of S503 can refer to the execution process of S203, which will not be described in detail here.

[0178] S504, displaying the rendering page through the development framework.

[0179] The execution process of S504 can refer to the execution process of S204, which will not be described in detail here.

[0180] S505: Display switching display controls.

[0181] The execution process of S505 can refer to the execution process of S401, and will not be described in detail here.

[0182] S506: In response to the user's selection operation on the switch display control, a target display parameter corresponding to the selection operation is acquired through a development framework.

[0183] The execution process of S506 can refer to the execution process of S402, which will not be described in detail here.

[0184] S507: Send target display parameters to the presentation component through the development framework.

[0185] The execution process of S507 can refer to the execution process of S403, which will not be described in detail here.

[0186] S508. Determine target data through a display component according to target display parameters.

[0187] The execution process of S508 can refer to the execution process of S404, which will not be described in detail here.

[0188] S509: Render the target data using a preset renderer to obtain updated data.

[0189] The execution process of S509 can refer to the execution process of S405, which will not be described in detail here.

[0190] S510: Generate an update interface through a display component according to the update data.

[0191] The execution process of S509 can refer to the execution process of S405, which will not be described in detail here.

[0192] S511. Send an update interface to a development framework through a display component, and display the update interface through the development framework.

[0193] In this way, through the communication between the development framework and the display components, the application can take advantage of the cross-platform capabilities of the development framework and the rendering advantages of the display components to ensure that complex scenes corresponding to meteorological data can be rendered smoothly, thereby improving the rendering efficiency of meteorological data.

[0194] Figure 6 This is a schematic diagram of the structure of a meteorological data rendering device provided in an embodiment of the present application. Figure 6The meteorological data rendering device 600 includes a sending module 601, an acquisition module 602, a rendering module 603 and a display module 604, wherein:

[0195] The sending module 601 is used to send a loading request to the display component through a development framework in response to the user's start operation on the meteorological application program, wherein the development framework is applicable to multiple operating systems;

[0196] The acquisition module 602 is used to load the service page through the display component and obtain the original data;

[0197] The rendering module 603 is used to render the original data through a preset renderer in the display component to obtain a rendering interface, and send the rendering interface to the development framework;

[0198] The display module 604 is used to display the rendering page through the development framework.

[0199] Optionally, in the above-mentioned device, the rendering module 603 is specifically used for:

[0200] Extracting the original data through the display component to obtain extracted data;

[0201] Performing tile generation processing on the extracted data to obtain tile data, wherein the tile data includes a plurality of color channel values;

[0202] The tile data is rendered by the preset renderer to obtain the rendering interface.

[0203] Optionally, in the above-mentioned device, the rendering module 603 is specifically used for:

[0204] Inputting the plurality of color channel values ​​into the preset renderer to obtain intermediate data;

[0205] Performing interpolation processing and transition processing on the intermediate data to obtain rendering data;

[0206] The rendering interface is generated according to the rendering data.

[0207] Optionally, in the above-mentioned device, the sending module 601 is specifically used for:

[0208] In response to a user's launching operation of the weather application, display parameters are determined by the development framework;

[0209] generating the loading request according to the display parameters;

[0210] Get the preset locator;

[0211] The loading request is sent to the presentation component according to the locator.

[0212] Optionally, in the above-mentioned device, the weather application includes a switching display control, and the device further includes a switching module 605, and the switching module 605 is used to:

[0213] Displaying the switching display control;

[0214] In response to a user's selection operation on the switch display control, obtaining a target display parameter corresponding to the selection operation through the development framework;

[0215] Sending the target display parameter to the display component through the development framework;

[0216] According to the target display parameters, an update interface is generated through the display component.

[0217] Optionally, in the above-mentioned device, the switching module 605 is specifically used for:

[0218] Determining target data through the display component according to the target display parameter;

[0219] Rendering the target data by the preset renderer to obtain updated data;

[0220] According to the update data, an update interface is generated through the presentation component.

[0221] Figure 7 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Figure 7 , the electronic device 700 may include: a memory 701 , a processor 702 , and a transceiver 703 .

[0222] The memory 701 is used to store program instructions;

[0223] The processor 702 is used to execute the program instructions stored in the memory, so as to enable the electronic device 700 to execute the above method.

[0224] The transceiver 703 may include: a transmitter and / or a receiver. The transmitter may also be referred to as a transmitter, a transmitter, a transmission port, a transmission interface, or the like, and the receiver may also be referred to as a receiver, a reception port, a reception interface, or the like. Exemplarily, the memory 701, the processor 702, and the transceiver 703 are interconnected via a bus 704.

[0225] The embodiment of the present application also provides a computer program product, which can be executed by a processor. When the computer program product is executed, the above method can be implemented.

[0226] The meteorological data rendering device, electronic device, computer-readable storage medium and computer program product of the embodiments of the present application can execute the technical solutions shown in the above-mentioned meteorological data rendering method embodiments, and their implementation principles and beneficial effects are similar, which will not be repeated here.

[0227] It should be noted that, for the aforementioned method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the present application is not limited by the described order of actions, because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all optional embodiments, and the actions and modules involved are not necessarily required by the present application.

[0228] It should be further noted that, although the various steps in the flowchart are displayed in sequence according to the indication of the arrows, these steps are not necessarily executed in sequence in the order indicated by the arrows. Unless there is a clear description in this article, the execution of these steps is not strictly limited in order, and these steps can be executed in other orders. Moreover, at least a portion of the steps in the flowchart may include multiple sub-steps or multiple stages, and these sub-steps or stages are not necessarily executed at the same time, but can be executed at different times, and the execution order of these sub-steps or stages is not necessarily to be carried out in sequence, but can be executed in turn or alternately with other steps or at least a portion of the sub-steps or stages of other steps.

[0229] It should be understood that the above-mentioned device embodiments are only illustrative, and the device of the present application can also be implemented in other ways. For example, the division of units / modules in the above-mentioned embodiments is only a logical function division, and there may be other division methods in actual implementation. For example, multiple units, modules or components can be combined, or can be integrated into another system, or some features can be ignored or not executed.

[0230] In addition, unless otherwise specified, each functional unit / module in each embodiment of the present application may be integrated into one unit / module, each unit / module may exist physically separately, or two or more units / modules may be integrated together. The above-mentioned integrated unit / module may be implemented in the form of hardware or in the form of a software program module.

[0231] If the integrated unit / module is implemented in the form of hardware, the hardware may be a digital circuit, an analog circuit, etc. The physical implementation of the hardware structure includes but is not limited to transistors, memristors, etc. Unless otherwise specified, the processor may be any appropriate hardware processor, such as a CPU, a GPU, an FPGA, a DSP, an ASIC, etc. Unless otherwise specified, the storage unit may be any appropriate magnetic storage medium or magneto-optical storage medium, such as a resistive random access memory (RRAM), a dynamic random access memory (DRAM), a static random access memory (SRAM), an enhanced dynamic random access memory (EDRAM), a high-bandwidth memory (HBM), a hybrid memory cube (HMC), etc.

[0232] If the integrated unit / module is implemented in the form of a software program module and sold or used as an independent product, it can be stored in a computer-readable memory. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or all or part of the technical solution can be embodied in the form of a software product. The computer software product is stored in a memory, including a number of instructions to enable a computer device (which can be a personal computer, server or network device, etc.) to execute all or part of the steps of the various embodiments of the present application. The aforementioned memory includes: U disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), mobile hard disk, disk or optical disk and other media that can store program codes.

[0233] In the above embodiments, the description of each embodiment has its own emphasis. For parts not described in detail in a certain embodiment, please refer to the relevant description of other embodiments. The technical features of the above embodiments can be combined arbitrarily. In order to make the description concise, all possible combinations of the technical features in the above embodiments are not described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.

[0234] Those skilled in the art will readily appreciate other embodiments of the present application after considering the specification and practicing the invention disclosed herein. The present application is intended to cover any modification, use or adaptation of the present application, which follows the general principles of the present application and includes common knowledge or customary techniques in the art that are not disclosed in the present application. The specification and examples are intended to be exemplary only, and the true scope and spirit of the present application are indicated by the following claims.

[0235] It should be understood that the present application is not limited to the precise structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present application is limited only by the appended claims.

Claims

1. A method for rendering meteorological data, characterized in that: The method comprises: In response to a user's start operation on the weather application, a loading request is sent to the presentation component through the development framework; Load the service page through the display component and obtain the original data; Rendering the original data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework; The rendering page is displayed through the development framework.

2. The method according to claim 1, characterized in that: The raw data is rendered by a preset renderer in the display component to obtain a rendering interface, including: Extracting the original data through the display component to obtain extracted data; Performing tile generation processing on the extracted data to obtain tile data, wherein the tile data includes a plurality of color channel values; The tile data is rendered by the preset renderer to obtain the rendering interface.

3. The method according to claim 2, characterized in that Rendering the tile data by the preset renderer to obtain the rendering interface includes: Inputting the plurality of color channel values ​​into the preset renderer to obtain intermediate data; Performing interpolation processing and transition processing on the intermediate data to obtain rendering data; The rendering interface is generated according to the rendering data.

4. The method according to any one of claims 1 to 3, characterized in that: In response to the user's start operation on the weather application, a loading request is sent to the presentation component through the development framework, including: In response to a user's launching operation of the weather application, display parameters are determined by the development framework; generating the loading request according to the display parameters; Get the preset locator; The loading request is sent to the presentation component according to the locator.

5. The method according to any one of claims 1 to 3, characterized in that: The weather application includes a switching display control, and the method further includes: Displaying the switching display control; In response to a user's selection operation on the switch display control, obtaining a target display parameter corresponding to the selection operation through the development framework; Sending the target display parameter to the display component through the development framework; According to the target display parameters, an update interface is generated through the display component.

6. The method according to claim 5, characterized in that Generating an update interface through the display component according to the target display parameter includes: Determining target data through the display component according to the target display parameter; Rendering the target data by the preset renderer to obtain updated data; According to the update data, an update interface is generated through the presentation component.

7. A meteorological data rendering device, characterized in that: The device comprises: A sending module, configured to send a loading request to the display component through a development framework in response to a user's start-up operation on the meteorological application program, wherein the development framework is applicable to multiple operating systems; An acquisition module, used to load the service page through the display component and obtain the original data; A rendering module, used for rendering the raw data through a preset renderer in the display component to obtain a rendering interface, and sending the rendering interface to the development framework; A display module is used to display the rendering page through the development framework.

8. An electronic device, characterized in that: include: A processor, and a memory communicatively connected to the processor; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory to implement the method according to any one of claims 1 to 6.

9. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-executable instructions, which are used to implement the method according to any one of claims 1 to 6 when executed by a processor.

10. A computer program product, characterized in that The invention comprises a computer program, which implements the method according to any one of claims 1 to 6 when being executed by a processor.

Images