Monitoring point page rendering method and device, computer equipment and readable storage medium

Abstract

The invention provides a page rendering method and device of a monitoring point, computer equipment and a computer readable storage medium. The page rendering method for the monitoring points comprises the following steps: acquiring spatial information of each monitoring point in a target monitoring area; based on the spatial information of each monitoring point, each monitoring point is partitioned to obtain a plurality of data blocks of the target monitoring area, and each data block comprises a plurality of monitoring points; obtaining a settlement value of each monitoring point; and calling a preset shader interface, and performing page rendering on the plurality of data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point to obtain a display effect of each monitoring point on a browsing page. The page rendering efficiency of the monitoring points can be improved, and the problem of page rendering lagging when the data size of the monitoring points is large is solved.

Description

Technical Field

[0001] The present application relates to the field of data processing technology, and in particular to a page rendering method, device, computer equipment and computer-readable storage medium for a monitoring point. Background Art

[0002] Land subsidence is a geological phenomenon in which the surface elevation slowly decreases due to the combined effects of natural and human factors. As an emerging measurement technology, spaceborne synthetic aperture radar (InSAR) can be applied to land subsidence monitoring. Therefore, InSAR monitoring results have important guiding significance for land subsidence analysis.

[0003] However, in the related art, when the amount of data from the monitoring points is large, the page rendering of the InSAR monitoring results may be stuck. Summary of the invention

[0004] The present application provides a method, device, computer equipment and computer-readable storage medium for page rendering of a monitoring point, which can improve the page rendering efficiency of the monitoring point and reduce the problem of page rendering jams when the amount of data at the monitoring point is large.

[0005] In a first aspect, the present application provides a method for rendering a page of a monitoring point, the method comprising:

[0006] Obtain spatial information of each monitoring point within the target monitoring area;

[0007] Based on the spatial information of each monitoring point, each monitoring point is divided into blocks to obtain a plurality of data blocks of the target monitoring area, wherein each data block includes a plurality of monitoring points;

[0008] Obtaining the settlement value of each monitoring point;

[0009] The preset shader interface is called, and according to the spatial information of each monitoring point and the settlement value of each monitoring point, page rendering is performed on multiple data blocks in parallel to obtain the display effect of each monitoring point on the browsing page.

[0010] In a second aspect, the present application provides a page rendering device at a monitoring point, the page rendering device at the monitoring point comprising:

[0011] A first acquisition unit is used to acquire spatial information of each monitoring point in the target monitoring area;

[0012] A block division unit, configured to divide each monitoring point into blocks based on the spatial information of each monitoring point, so as to obtain a plurality of data blocks of the target monitoring area, wherein each of the data blocks includes a plurality of monitoring points;

[0013] A second acquisition unit is used to acquire the settlement value of each monitoring point;

[0014] The rendering unit is used to call a preset shader interface, and perform page rendering on multiple data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain the display effect of each monitoring point on the browsing page.

[0015] In a third aspect, the present application also provides a computer device, which includes a memory and a processor; the memory is used to store a computer program; the processor is used to execute the computer program and implement the page rendering method of the monitoring point when executing the computer program.

[0016] In a fourth aspect, the present application also provides a computer-readable storage medium on which a computer program is stored, and the computer program is loaded by a processor to execute the page rendering method of the monitoring point.

[0017] The present application divides the monitoring points into blocks based on the spatial information of each monitoring point in the target monitoring area and calls a preset shader interface. According to the spatial information of each monitoring point and the settlement value of each monitoring point, multiple data blocks are rendered in parallel to obtain the display effect of each monitoring point on the browsing page. Due to the parallel calculation of data segmentation and shader interface, page rendering can be performed on each data block at the same time, and multiple monitoring points can be rendered to the browsing page in parallel, avoiding the problem of having to read the spatial information of the monitoring points one by one and render them to the browsing page one by one, thereby improving the page rendering efficiency of the monitoring points and reducing the problem of page rendering jams when the amount of monitoring point data is large. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] 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 those skilled in the art, other drawings can be obtained based on these drawings without paying any creative work.

[0019] Figure 1 It is a schematic structural block diagram of a page rendering system for a monitoring point provided in an embodiment of the present application;

[0020] Figure 2 This is a flow chart of a method for rendering a monitoring point page provided in an embodiment of the present application;

[0021] Figure 3 This is a flowchart of an embodiment of step 201 in the embodiment of the present application;

[0022] Figure 4 is a schematic diagram for explaining the viewport coverage in an embodiment of the present application;

[0023] Figure 5 This is a schematic diagram illustrating the page rendering process of the monitoring point in the embodiment of the present application;

[0024] Figure 6 This is a schematic diagram of the structure of an embodiment of a page rendering device for a monitoring point provided in an embodiment of the present application;

[0025] Figure 7 It is a schematic block diagram of the structure of a computer device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0026] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of this application.

[0027] The flowcharts shown in the accompanying drawings are only examples and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps may also be decomposed, combined or partially merged, so the actual execution order may change according to actual conditions.

[0028] In the description of the embodiments of the present application, it should be understood that the terms "first" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present application, the meaning of "multiple" is two or more, unless otherwise clearly and specifically defined.

[0029] In order to enable any person skilled in the art to implement and use the present application, the following description is provided. In the following description, details are listed for the purpose of explanation. It should be understood that those of ordinary skill in the art can recognize that the present application can also be implemented without using these specific details. In other examples, the known process will not be elaborated in detail to avoid unnecessary details that make the description of the present application embodiment obscure. Therefore, the present application is not intended to be limited to the embodiments shown, but is consistent with the widest range of principles and features disclosed in accordance with the embodiments of the present application.

[0030] The embodiments of the present application provide a method, apparatus, computer device and computer-readable storage medium for rendering a monitoring point page.

[0031] The execution subject of the page rendering method of the monitoring point in the embodiment of the present application may be the page rendering device of the monitoring point provided in the embodiment of the present application, or the computer device provided in the embodiment of the present application, or Figure 1 The logistics micro-service end in the page rendering system of the monitoring point shown, wherein the page rendering device of the monitoring point can be implemented in hardware or software.

[0032] Some embodiments of the present application are described in detail below in conjunction with the accompanying drawings. In the absence of conflict, the following embodiments and features in the embodiments can be combined with each other.

[0033] Figure 1 It is a schematic block diagram of the structure of a page rendering system for a monitoring point provided in an embodiment of the present application.

[0034] like Figure 1 As shown, the page rendering system 100 of the monitoring point includes a server 101 , a client 102 , a database 103 and a cache library 104 .

[0035] The database 103 is used to store the monitoring point spatial data and monitoring point attribute data of the monitoring area. The monitoring point spatial data of the target monitoring area includes the spatial information of each monitoring point in the monitoring area (such as the latitude and longitude position of each monitoring point in the monitoring area). Exemplarily, the database 103 can be a momgo database.

[0036] The cache library 104 is used to cache the spatial information of each monitoring point in the monitoring area. In some embodiments, the cache library 104 can cache the original spatial information of each monitoring point; in other embodiments, the cache library 104 can also cache the compressed spatial information of each monitoring point. Exemplarily, the cache library 104 can be a redis cache.

[0037] The server 101 is used to separate the monitoring point data of the monitoring area, and import the separated monitoring point spatial data and monitoring point attribute data of the monitoring area into the database 103. The monitoring point spatial data (i.e., the spatial information of each monitoring point in the monitoring area) in the database 103 is read regularly and written into the cache library 104. In some embodiments, the server 101 can directly write the original spatial information of each monitoring point into the cache library 104 after reading the monitoring point spatial data (i.e., the spatial information of each monitoring point in the monitoring area) in the database 103; in other embodiments, the server 101 can compress the original spatial information of each monitoring point after reading the monitoring point spatial data (i.e., the spatial information of each monitoring point in the monitoring area) in the database 103, and then write it into the cache library 104. The server 101 is also used to respond to the rendering request of the server 101, and send the spatial information of each monitoring point from the cache library 104 to the client 102.

[0038] Among them, the client 102 is used to respond to the monitoring point display request of the browsing page, send a read request for the spatial information of the monitoring point to the server 101, and call the shader interface (such as WebGL's Shader Program API) to render the page for multiple data blocks in parallel according to the spatial information and attribute information (such as settlement value, size, etc.) of each monitoring point fed back by the server 101, and display the settlement situation of each monitoring point in the monitoring area on the browsing page of the client 102.

[0039] Those skilled in the art will understand that Figure 1 The structure shown in is merely a block diagram of a portion of the structure related to the embodiment of the present application, and does not constitute a limitation on the page rendering system of the monitoring point in the embodiment of the present application.

[0040] The following will Figure 1 Taking the page rendering system shown in as the execution subject of the page rendering method of the monitoring point as an example, the page rendering method of the monitoring point provided by the embodiment of the present application is introduced in detail. It should be noted that Figure 1 The scenario is only used to explain the page rendering method of the monitoring point provided in the embodiment of the present application, but does not constitute a limitation on the application scenario of the page rendering method of the monitoring point provided in the embodiment of the present application.

[0041] See also Figure 2 , Figure 2 201 to 204, wherein:

[0042] 201. Obtain spatial information of each monitoring point in the target monitoring area.

[0043] The monitoring area refers to the area where ground subsidence is monitored. For example, if ground subsidence monitoring is performed on a subway line, the area where the subway line is located is the monitoring area.

[0044] The target monitoring area refers to the monitoring area where the monitoring results of the monitoring points need to be rendered to the browsing page. For example, taking a subway line as a monitoring area, assuming that it includes subway line 1, subway line 2 and subway line 3, if the monitoring results of the monitoring points of subway line 3 need to be rendered to the browser page, then subway line 3 is the target monitoring area.

[0045] In order to facilitate understanding of the embodiments of the present application, some names involved in the embodiments are first introduced below:

[0046] 1. Monitoring point: It is the location point where the InSAR technology is used to monitor the surface subsidence. For example, taking each station in the subway line as a monitoring point, assuming that subway line 3 includes stations A, B, and C, then stations A, B, and C can each be used as a monitoring point.

[0047] 2. InSAR monitoring results (i.e. monitoring point data): including the monitoring point spatial data and monitoring point attribute data in the monitoring area.

[0048] 3. Spatial data of monitoring points in the monitoring area: The spatial data of monitoring points include the spatial information of each monitoring point in the monitoring area (such as the longitude and latitude position of each monitoring point in the monitoring area).

[0049] 4. Monitoring point attribute data of the monitoring area: The monitoring point attribute data includes the attribute information of each monitoring point in the monitoring area. The attribute information of each monitoring point includes the settlement value, size, monitoring time, etc. of each monitoring point.

[0050] 5. Settlement value: used to indicate the degree of ground settlement at the monitoring point.

[0051] There are many ways to "obtain spatial information of each monitoring point in the target monitoring area" in step 201, illustratively including:

[0052] (1) The spatial data of the monitoring points of each monitoring area (including the target monitoring area) are pre-stored in a database. In step 201, the server directly queries the spatial data of the monitoring points of the target monitoring area from the spatial data of each monitoring point stored in the database and sends the query to the client, so that the client obtains the spatial information of each monitoring point in the target monitoring area.

[0053] (2) In order to improve the data reading efficiency of the monitoring results and thus improve the rendering efficiency, the monitoring results (including the monitoring point spatial data and the monitoring point attribute data) can also be stored in a database management system (such as mongo DB (Data Base)), and the server periodically reads the monitoring point spatial data in the database management system and loads it into a cache library (such as redis cache). Figure 3 As shown, at this time, step 201 may specifically include the following steps 2011 to 2014:

[0054] 2011. Separate the monitoring point data of the target monitoring area, and import the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area into a preset database.

[0055] The monitoring point data is the InSAR monitoring result of the target monitoring area, including the spatial data and attribute data of the monitoring points in the target monitoring area.

[0056] The preset database may be a database management system applied to web applications and the Internet, such as a mongo database.

[0057] For example, taking the preset database as a mongo database, first, the server can convert the InSAR monitoring results of the target monitoring area from shp format to geojson format. Then, the server separates the InSAR monitoring results in geojson format into two json format files, one of which is the monitoring point spatial data of the target monitoring area, and the other is the monitoring point attribute data of the target monitoring area. Finally, the server imports the two separated json format files (i.e., the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area) into the mongo database. After the server imports the two separated json format files (i.e., the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area) into the mongo database, it can index the spatial information of the monitoring point according to the ID of the monitoring point.

[0058] Furthermore, in order to improve the speed of reading the spatial data of the monitoring point from the preset database and writing it into the preset cache, the target monitoring area can also be divided into multiple areas, and the corresponding spatial data of the monitoring point can be stored for each divided area. For example, taking a subway line as the target monitoring area, the subway line is divided into several areas according to the stations. When two json format files are inserted into the mongo database, a new mongo index is created according to the ID of the monitoring point and the area ID, so as to quickly index the spatial information of the monitoring point according to the ID of the monitoring point and the area ID.

[0059] 2012. Read the spatial data of the monitoring point in the preset database.

[0060] The monitoring point spatial data includes the spatial information of each monitoring point in the target monitoring area.

[0061] Exemplarily, the server can periodically read the monitoring point spatial data in the preset database. For example, the server can periodically read the monitoring point spatial data in the preset database every day through a scheduled task, and promptly write the monitoring point spatial data in the preset database into the preset cache library, so that the monitoring point spatial data of the target monitoring area can be read from the preset database in time and written into the preset cache library. Then, the server can quickly read the monitoring point spatial data of the target monitoring area from the preset cache library and send it to the client for page rendering.

[0062] 2013. Perform cache write processing based on the monitoring point spatial data to obtain cache data of a preset cache library.

[0063] There are multiple ways to "perform cache write processing based on the monitoring point spatial data to obtain cache data of the preset cache library" in step 2013, illustratively including the following ways (1) and (2):

[0064] Method (1): Cache writing is performed according to the original format of the monitoring point spatial data. In this case, step 2013 may specifically include: the server writes the monitoring point spatial data of the target monitoring area into a preset cache library, thereby obtaining cache data of the preset cache library.

[0065] Method (2): The spatial data of the monitoring points uses a key-value pair (i.e., key-value) structure to represent the spatial information of each monitoring point (e.g., [ID, 1] is used to represent that the ID value of monitoring point 1 is "1", [longitude, E120] is used to represent that the longitude value of monitoring point 1 is "E120", and [latitude, N30] is used to represent that the latitude value of monitoring point 1 is "N30"). In order to improve the data transmission and reading efficiency, and thus improve the real-time rendering of the page of the monitoring point, the server compresses the spatial data of the monitoring point before writing it into the cache. At this time, step 2013 may specifically include the following steps A1 to A2:

[0066] A1. Compress the monitoring point spatial data to obtain first compressed data of the monitoring point spatial data.

[0067] There are many ways to obtain the first compressed data in step A1, illustratively including:

[0068] ① Performing key-value deduplication processing on the monitoring point spatial data to compress the monitoring point spatial data to obtain first compressed data. At this time, step A1 may specifically include:

[0069] (1.1) According to a preset multi-dimensional array structure, the key value deduplication processing is performed on the monitoring point spatial data to obtain a multi-dimensional representation array of the monitoring point spatial data.

[0070] The preset multidimensional array structure specifies the key value order of the monitoring points. For example, the preset multidimensional array structure may be a 3D array [ID, longitude, latitude]; or another example, the preset multidimensional array structure may be a 3D array [ID, latitude, longitude]. ID represents the ID value of the monitoring point, longitude represents the longitude value of the monitoring point, and latitude represents the latitude value of the monitoring point.

[0071] For example, taking the preset multidimensional array structure of [ID, latitude, longitude] as an example, the spatial data of the monitoring points in the target monitoring area includes the spatial information of monitoring points 1, 2, and 3. The key-value pair structure is used to represent the spatial information of monitoring point 1, and three key-value pairs are required, namely: [ID, 1], [longitude, E121], [latitude, N31]. Similarly, three key-value pairs are required to represent the spatial information of monitoring point 2, namely: [ID, 2], [longitude, E122], [latitude, N32]. Similarly, three key-value pairs are required to represent the spatial information of monitoring point 3, namely: [ID, 3], [longitude, E123], [latitude, N33]. At this time, the spatial information of each monitoring point can be represented according to the preset multidimensional array structure to obtain a multidimensional representation array [1, E121, N31, 2, E122, N32, 3, E123, N33] of the monitoring point spatial data; it can be seen that, relative to the monitoring point spatial data (including: [ID, 1], [longitude, E121], [latitude, N31], [ID, 2], [longitude, E122], [latitude, N32], [ID, 3], [longitude, E123], [latitude, N33]), the multidimensional representation array (i.e., [1, E121, N31, 2, E122, N32, 3, E123, N33]) can remove duplicate keys, thereby achieving key value deduplication of the monitoring point spatial data, and then achieving compression of the monitoring point spatial data.

[0072] Therefore, by performing key-value deduplication processing on the monitoring point spatial data according to a preset multi-dimensional array structure, the monitoring point spatial data that "uses a key-value pair structure to represent the spatial information of each monitoring point" is converted into a multi-dimensional array. The names (key) in the key-value pairs can be reduced and only the values ​​(value) of the corresponding names can be retained, thereby compressing the monitoring point spatial data, reducing the amount of data stored in the preset cache library, and improving the speed of reading the monitoring point spatial data from the preset cache library.

[0073] (1.2) Performing string conversion on the multi-dimensional representation array to obtain a first representation string of the monitoring point spatial data.

[0074] For example, taking the preset multidimensional array structure of [ID, latitude, longitude] as an example, assuming that the key value deduplication processing is performed on the monitoring point spatial data of the target monitoring area, the obtained multidimensional representation array is: [1, E121, N31, 2, E122, N32, 3, E123, N33], which can be converted to obtain the first representation string of the monitoring point spatial data "1E121N312E122N323E123N33".

[0075] The first representation character string is a character string representing the spatial information of each monitoring point in the target monitoring area.

[0076] (1.3) Using a preset byte encoding algorithm, the first representation string is encoded to obtain an encoding result of the first representation string as first compressed data of the monitoring point space data.

[0077] Exemplarily, the byte encoding algorithm can be a Base64 encoding algorithm, which is an encoding method for transmitting 8-bit byte codes. If the first representation string contains some special binary characters (such as control characters in the transmission protocol), it cannot be directly transmitted on the network. By using the Base64 encoding algorithm to encode the first representation string to obtain the encoded data of the first representation string, which can be used as the first compressed data of the monitoring point spatial data. Some special binary numbers can be converted into ordinary characters for network transmission, thereby realizing the transmission of the monitoring point spatial data (i.e., the spatial information of each monitoring point in the target monitoring area) on the network (such as transmission between a preset cache library and a browser).

[0078] ② First, perform key value deduplication processing on the monitoring point spatial data, and then use the data compression algorithm to compress the monitoring point spatial data to obtain the first compressed data. At this time, step A1 may specifically include:

[0079] (2.1) According to a preset multi-dimensional array structure, the key value deduplication processing is performed on the monitoring point spatial data to obtain a multi-dimensional representation array of the monitoring point spatial data.

[0080] (2.2) Convert the multi-dimensional representation array into a character string to obtain a first representation character string of the monitoring point spatial data.

[0081] The implementation of steps (2.1) to (2.2) is similar to that of steps (1.1) to (1.2). For details, please refer to the relevant instructions in the previous text and will not be repeated here.

[0082] (2.3) compressing the first representation string using a preset data compression algorithm to obtain a second representation string for the monitoring point spatial data,

[0083] The second representation character string is a character string obtained by compressing the first representation character string using a preset data compression algorithm and is used to represent the spatial information of each monitoring point in the target monitoring area.

[0084] Exemplarily, the data compression algorithm may be a DEFLATE algorithm, which is an algorithm for compressing data streams. By using the DEFLATE algorithm to compress the first representation string to obtain a second representation string of the monitoring point spatial data, the space can be further compressed, thereby achieving further compression of the monitoring point spatial data (i.e., the spatial information of each monitoring point in the target monitoring area), reducing the amount of data stored in the preset cache library, and improving the speed of reading the monitoring point spatial data (i.e., the spatial information of each monitoring point in the target monitoring area) from the preset cache library.

[0085] (2.4) Using a preset byte encoding algorithm, the second representation string is encoded to obtain an encoding result of the second representation string as first compressed data of the monitoring point space data.

[0086] Exemplarily, the byte encoding algorithm can be a Base64 encoding algorithm, which is an encoding method for transmitting 8-bit byte codes. If the second representation string contains some special binary characters (such as control characters in the transmission protocol), it cannot be directly transmitted on the network. By using the Base64 encoding algorithm to encode the second representation string to obtain the encoded data of the second representation string, which can be used as the first compressed data of the monitoring point spatial data, some special binary numbers can be converted into ordinary characters for network transmission, thereby realizing the transmission of the monitoring point spatial data (i.e., the spatial information of each monitoring point in the target monitoring area) on the network (such as transmission between a preset cache library and a browser).

[0087] A2. Perform cache write processing based on the first compressed data to obtain cache data of the preset cache library.

[0088] The preset cache library is a cache space for storing the first compressed data, for example, the preset cache library may be a redis cache.

[0089] Exemplarily, the server can directly write the first compressed data into a preset cache library (such as a redis cache), thereby obtaining the cache data of the preset cache library. At this time, the cache data of the preset cache library contains the first compressed data, thereby indirectly realizing the writing of the spatial data of the monitoring points in the target monitoring area (that is, the spatial information of each monitoring point in the target monitoring area) into the preset cache library (such as a redis cache). In this way, when the client's browsing page subsequently renders the page for the monitoring point, the server can directly read the spatial information of each monitoring point in the target monitoring area from the preset cache library (such as a redis cache) (that is, it realizes the rapid reading of the spatial information of each monitoring point in the target monitoring area) and send it to the client, avoiding the need to index data from the database to the corresponding location, thereby improving the real-time performance of the page rendering of the monitoring point.

[0090] 2014. Based on the cache data of the preset cache library, read the spatial information of each monitoring point in the target monitoring area.

[0091] Based on the different methods of "performing cache writing processing based on the spatial data of the monitoring points to obtain cache data of the preset cache library" in step 2013, there are also multiple methods for reading the spatial information of each monitoring point in the target monitoring area in step 2014, illustratively, including the following methods 1 and 2:

[0092] Mode 1: In step 2013, the cache is written in the original format of the monitoring point spatial data. At this time, the cache data of the preset cache library includes the monitoring point spatial data of the target monitoring area. Step 2014 may specifically include: responding to the rendering request of the client of the browsing page, based on the identification of the target monitoring area, reading the monitoring point spatial data of the target monitoring area from the preset cache library, thereby obtaining the spatial information of each monitoring point in the target monitoring area. For example, Figure 1 As shown, when the browsing page wants to display the InSAR monitoring results of the target monitoring area, first, the client of the browsing page sends a rendering request of the target monitoring area to the server (wherein the rendering request carries the identifier of the target monitoring area); after receiving the rendering request of the target monitoring area, the server calls the data query interface, and based on the identifier of the target monitoring area, reads the spatial data of the monitoring points of the target monitoring area from the preset cache library and sends it to the client, so that the client obtains the spatial information of each monitoring point in the target monitoring area.

[0093] Mode 2: In step 2013, the monitoring point spatial data is compressed before being written into the cache. In order to further reduce the network bandwidth required for the transmission of the monitoring point spatial data between the server and the browsing page, so as to improve the page rendering efficiency of the monitoring point, at this time, step 2014 may specifically include the following steps B1 to B3:

[0094] B1. Based on the identifier of the target monitoring area, read the first compressed data from the preset cache library.

[0095] B2. Using a preset compression coding algorithm, compress the first compressed data to obtain second compressed data of the monitoring point spatial data.

[0096] The preset compression encoding algorithm may be a gzip (GNUzip) encoding algorithm, which is a file compression algorithm for UNIX systems. The gzip encoding on the HTTP protocol is a technology used to improve the performance of web applications. The compression ratio of the gzip encoding algorithm is about 3 to 10 times. By further compressing the first compressed data with the gzip encoding algorithm, the network bandwidth occupied by the transmission of the monitoring point space data between the server and the browsing page can be greatly saved, thereby improving the page rendering efficiency of the monitoring point.

[0097] B3. Transmit the second compressed data to the client of the browsing page for decompression to obtain the decompressed spatial data of the monitoring point spatial data.

[0098] The decompressed spatial data includes the spatial information of each monitoring point in the target monitoring area.

[0099] Exemplarily, in response to a rendering request from a client browsing a page, the server reads the first compressed data from the preset cache based on the identifier of the target monitoring area and transmits it to the client browsing the page for decompression to obtain spatial information of each monitoring point in the target monitoring area. For example, taking the preset compression encoding algorithm as the gzip encoding algorithm, Figure 1As shown, when the browsing page is to display the InSAR monitoring results of the target monitoring area, first, the client of the browsing page sends the server of the target monitoring area to the server (wherein the server carries the identification of the target monitoring area); after the server receives the server of the target monitoring area, it calls the data query interface, and reads the first compressed data of the target monitoring area from the preset cache based on the identification of the target monitoring area. Then, the server uses the gzip encoding algorithm to compress and encode the first compressed data to obtain the second compressed data of the monitoring point spatial data, thereby realizing secondary compression of the monitoring point spatial data; finally, the server transmits the second compressed data to the client of the browsing page through the http protocol, greatly saving the network bandwidth occupied by the transmission of the monitoring point spatial data between the server and the browsing page; the client of the browsing page receives the second compressed data and decompresses and restores the spatial information of each monitoring point in the target monitoring area, so that the client of the browsing page can completely read the spatial information of each monitoring point in the target monitoring area.

[0100] In steps 2011 to 2014, firstly, by cooperating with a preset database (such as a mongo database) and a preset cache library (such as a redis cache), the spatial information of each monitoring point is written into the preset cache library and then read, so that a second-level query of millions of data can be achieved, thereby improving the reading efficiency of spatial information, avoiding the problem of page rendering jamming caused by slow reading speed of spatial information of monitoring points when the amount of monitoring point data is large, improving the page rendering efficiency of monitoring points (especially when the amount of monitoring point data is large), and solving the problem that millions of data cannot be rendered in real time; secondly, since the page rendering of the monitoring point can be realized by only writing the spatial information into the preset cache library, the settlement of the monitoring point can be displayed on the browsing page, and there is no need to write the full amount of attribute information into the preset cache (but when browsing the page to view the detailed attribute information, it is queried from the preset database for display, ensuring that the attribute information of the monitoring point can be fully displayed without occupying the page rendering bandwidth), which improves the data transmission efficiency and reduces the page rendering jamming problem. Thirdly, by compressing the spatial information of each monitoring point and writing it into the preset cache, the data transmission efficiency can also be improved to a certain extent and the page rendering jamming problem can be reduced.

[0101] 202. Based on the spatial information of each monitoring point, divide each monitoring point into blocks to obtain multiple data blocks of the target monitoring area.

[0102] Each of the data blocks includes multiple monitoring points.

[0103] Exemplarily, the client can use the data segmentation function of WebGL to segment each monitoring point in the target monitoring area into multiple data blocks; in some embodiments, the data segmentation function of WebGL can be used to divide the target monitoring area into multiple sub-areas according to the size of the target monitoring area, and then, according to the latitude and longitude range of each sub-area and the spatial information of each monitoring point, each monitoring point is divided into a corresponding sub-area, and the set of monitoring points contained in each sub-area constitutes a data block. In other embodiments, the data segmentation function of WebGL can be used to divide all monitoring points in the target monitoring area into multiple data blocks based on the spatial information of each monitoring point, while making the number of monitoring points in each data block the same and making the spatial positions of the monitoring points contained in the same data block as close as possible.

[0104] Furthermore, the number of data blocks to be divided can be dynamically adjusted based on the number of monitoring points in the target monitoring area and / or the GPU performance of the client browsing the page, so as to better utilize the parallel processing performance of the GPU to improve the page rendering efficiency of the monitoring points.

[0105] 203. Obtain the settlement value of each monitoring point.

[0106] There are many ways to obtain the settlement value of each monitoring point in step 203, illustratively including:

[0107] (1) The monitoring point attribute data of each monitoring area (including the target monitoring area) is pre-stored in a database. In step 203, the server directly queries the monitoring point attribute data of the target monitoring area from the monitoring point attribute data stored in the database and sends it to the client, so that the client obtains the settlement value of each monitoring point in the target monitoring area.

[0108] (2) The monitoring results (the monitoring results include the spatial data of the monitoring points and the attribute data of the monitoring points) are stored locally on the server. In step 203, the server directly queries the attribute data of the monitoring points in the target monitoring area from the local server and sends it to the client, so that the client obtains the settlement value of each monitoring point in the target monitoring area.

[0109] 204. Call a preset shader interface, and perform page rendering on a plurality of the data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain a display effect of each monitoring point on a browsing page.

[0110] There are many ways to perform page rendering in step 204, illustratively including:

[0111] (1) The browsing page displays the settlement of all monitoring points in the target monitoring area. At this time, in step 204, the client can call a preset shader interface to render all data blocks obtained in step 202 in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain the display effect of all monitoring points in the target monitoring area on the browsing page. For example,

[0112] (2) The browsing page displays the settlement conditions of some monitoring points in the target monitoring area. At this time, in step 204, the client can determine the target data block within the viewport coverage of the browsing page from the multiple data blocks; and call the preset shader interface to perform page rendering on the multiple data blocks in parallel according to the spatial information of each monitoring point in the target data block and the settlement value of each monitoring point in the target data block, so as to obtain the display effect of each monitoring point on the browsing page.

[0113] Among them, the preset shader interface may be a Shader Program API of WebGL, and the ShaderProgram API of WebGL may be used for data rendering. By calling the Shader Program API, the parallel computing capability and high-speed rendering capability of the GPU may be utilized to achieve efficient data rendering.

[0114] The viewport coverage refers to the monitoring area range that needs to be displayed on the browsing page.

[0115] For example, Figure 4 As shown, it is assumed that the target monitoring area includes 16 data blocks (such as Figure 4 As shown in Figure 1, the target monitoring area is divided into a1, a2, ..., d4, and a1, a2, ..., d4 correspond to data blocks 1, 2, ..., 16, respectively. If the browsing page needs to display the settlement of monitoring points in b2, b3, c2, and c3 in the target monitoring area, the viewport coverage of the browsing page is b2, b3, c2, and c3 (reference Figure 4As shown in the dotted box in the middle, at this time, the data blocks corresponding to area b2, area b3, area c2 and area c3 are respectively (such as: data block 6, data block 7, data block 10, data block 11); at this time, the preset shader interface is called, and the page rendering is performed in parallel for data blocks 6, data blocks 7, data blocks 10 and data blocks 11, wherein the monitoring points in data block 6 are rendered using the settlement values ​​and spatial information of the monitoring points in data block 6, the monitoring points in data block 7 are rendered using the settlement values ​​and spatial information of the monitoring points in data block 7, the monitoring points in data block 10 are rendered using the settlement values ​​and spatial information of the monitoring points in data block 10, and the monitoring points in data block 11 are rendered using the settlement values ​​and spatial information of the monitoring points in data block 11, so as to display the settlement conditions of the monitoring points of data blocks 6, data blocks 7, data blocks 10 and data blocks 11 on the browsing page.

[0116] Furthermore, in addition to using the settlement value of the monitoring point, other attribute information of the monitoring point (such as the size of the monitoring point) can also be used for page rendering to present more attribute information data of the monitoring point to the user on the browsing page.

[0117] Furthermore, in order to present more attribute information of the monitoring point on the browsing page, the user can also click on the monitoring point displayed on the browsing page to view the corresponding detailed attribute information, that is, the page rendering method of the monitoring point can further include: in response to the detailed viewing instruction for the target monitoring point displayed on the browsing page, the client obtains the identifier of the target monitoring point and sends it to the server; the server queries the attribute information of the target monitoring point from the database based on the identifier of the target monitoring point and sends it to the client; the client displays the attribute information of the target monitoring point on the browsing page. For example, the attribute data of the monitoring point in the target monitoring area (including the attribute information of each monitoring point in the target monitoring area) is stored in the mongo database, and the browsing page displays the monitoring points 1, 2, ... 10 in the target monitoring area. The user clicks on the monitoring point 1 to view the detailed attribute information, which will trigger the detailed viewing instruction, and the client obtains the identifier of the monitoring point 1 clicked by the user and sends it to the server. The server queries the attribute information of the monitoring point 1 from the mongo database based on the identifier of the monitoring point 1 and returns it to the client, so that the client can display the attribute information of the monitoring point 1 on the browsing page.

[0118] The target monitoring point is the monitoring point that the user selects to view detailed attribute information among the monitoring points displayed on the browsing page.

[0119] To better understand the embodiments of this application, please refer to Figure 5In order to improve the data transmission and rendering efficiency of monitoring results and reduce the page rendering jamming problem of monitoring points, the following takes "the preset database is mongo database, the preset cache is redis cache, the data compression algorithm is DEFLATE algorithm, the byte encoding algorithm is Gzip encoding algorithm, the spatial information of each monitoring point is compressed once by DEFLATE algorithm, the spatial information of each monitoring point is compressed twice by Gzip encoding algorithm, and the Shader Program API of WebGL is used to call GPU parallel computing to render each monitoring point" as an example to introduce the page rendering process of the monitoring point. Figure 5 As shown, the page rendering process includes the following steps 501 to 505:

[0120] 501. The monitoring point data is separated into monitoring point attribute data and monitoring point spatial data and imported into the Mongo database.

[0121] 502. Read the monitoring point spatial data from the mongo database, compress the monitoring point spatial data using the DEFLATE algorithm, and then encode it using the Base64 encoding algorithm to obtain first compressed data and write it into the redis cache.

[0122] At this time, the spatial information of each monitoring point can be compressed once by using the first compressed data to represent the spatial information of each monitoring point, thereby improving data transmission efficiency. The specific implementation of step 502 can refer to the relevant description of steps 2011 to 2013, which will not be repeated here.

[0123] 503. According to the identifier of the target monitoring area carried in the rendering request of the browsing page, the first compressed data is read from the redis cache, compressed and encoded using the Gzip encoding algorithm to obtain the second compressed data, and then sent to the client through the http protocol.

[0124] At this time, the spatial information of each monitoring point can be represented by the second compressed data to achieve secondary compression of the spatial information of each monitoring point, thereby improving data transmission efficiency. The specific implementation of step 503 can refer to the relevant description of step 2014, which will not be repeated here.

[0125] 504. Perform data segmentation according to the spatial information of each monitoring point obtained by decoding the first compressed data to obtain multiple data blocks of the target monitoring area.

[0126] The specific implementation of step 504 can refer to the relevant description of step 202, which will not be repeated here.

[0127] 505. Using the Shader Program API of WebGL, the GPU is called to calculate and render the monitoring points included in the multiple data blocks in parallel according to the spatial information and the settlement value of each monitoring point.

[0128] The specific implementation of step 505 can refer to the relevant description of step 204, which will not be repeated here.

[0129] From the above content, it can be seen that by dividing the monitoring points into blocks based on the spatial information of each monitoring point in the target monitoring area and calling the preset shader interface, the multiple data blocks are rendered in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain the display effect of each monitoring point on the browsing page; due to the parallel calculation of data blocking and shader interface, the page rendering of each data block can be performed in parallel at the same time, and the parallel rendering of multiple monitoring points to the browsing page can be realized, avoiding the problem of needing to read the spatial information of the monitoring points one by one and render them to the browsing page one by one, thereby improving the page rendering efficiency of the monitoring points and reducing the problem of page rendering jams when the amount of monitoring point data is large.

[0130] In addition, in order to better implement the page rendering method of the monitoring point in the embodiment of the present application, based on the page rendering method of the monitoring point, the embodiment of the present application also provides a page rendering device for the monitoring point, such as Figure 6 FIG. 1 is a schematic diagram of a structure of a page rendering device for a monitoring point provided in an embodiment of the present application. The page rendering device 600 for the monitoring point includes:

[0131] The first acquisition unit 601 is used to acquire the spatial information of each monitoring point in the target monitoring area;

[0132] A block division unit 602 is used to divide each monitoring point into blocks based on the spatial information of each monitoring point to obtain a plurality of data blocks of the target monitoring area, wherein each data block includes a plurality of monitoring points;

[0133] The second acquisition unit 603 is used to acquire the settlement value of each monitoring point;

[0134] The rendering unit 604 is used to call a preset shader interface, and perform page rendering on multiple data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain the display effect of each monitoring point on the browsing page.

[0135] In some embodiments, the first acquiring unit 601 is specifically used to:

[0136] The monitoring point data of the target monitoring area are separated, and the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area are imported into a preset database; the monitoring point spatial data in the preset database is read, wherein the monitoring point spatial data includes the spatial information of each monitoring point in the target monitoring area; cache write processing is performed based on the monitoring point spatial data to obtain cache data of a preset cache library; based on the cache data of the preset cache library, the spatial information of each monitoring point in the target monitoring area is read.

[0137] In some embodiments, the first acquiring unit 601 is specifically used to:

[0138] The monitoring point spatial data is compressed to obtain first compressed data of the monitoring point spatial data; and cache writing processing is performed based on the first compressed data to obtain cache data of the preset cache library.

[0139] In some embodiments, the first acquiring unit 601 is specifically used to:

[0140] Based on the identifier of the target monitoring area, the first compressed data is read from the preset cache library; the first compressed data is compressed using a preset compression encoding algorithm to obtain second compressed data of the monitoring point spatial data; the second compressed data is transmitted to the client of the browsing page for decompression to obtain decompressed spatial data of the monitoring point spatial data, wherein the decompressed spatial data includes spatial information of each monitoring point in the target monitoring area.

[0141] In some embodiments, the monitoring point spatial data uses a key-value pair structure to represent the spatial information of each monitoring point, and the first acquisition unit 601 is specifically used to:

[0142] According to a preset multi-dimensional array structure, the monitoring point space data is subjected to key-value deduplication processing to obtain a multi-dimensional representation array of the monitoring point space data; the multi-dimensional representation array is subjected to string conversion to obtain a first representation string of the monitoring point space data; the first representation string is compressed using a preset data compression algorithm to obtain a second representation string of the monitoring point space data; the second representation string is encoded using a preset byte encoding algorithm to obtain first compressed data of the monitoring point space data.

[0143] In some embodiments, the page rendering device of the monitoring point further includes a display unit (not shown in the figure), and the display unit is specifically used to:

[0144] In response to a detail viewing instruction for a target monitoring point displayed on the browsing page, an identifier of the target monitoring point is obtained; based on the identifier of the target monitoring point, attribute information of the target monitoring point is queried from the preset database; and the attribute information of the target monitoring point is displayed on the browsing page.

[0145] In some embodiments, the rendering unit 604 is specifically used for:

[0146] From the multiple data blocks, determine the target data block that is within the viewport coverage of the browsing page; call a preset shader interface, and perform page rendering on the multiple data blocks in parallel based on the spatial information of each monitoring point in the target data block and the settlement value of each monitoring point in the target data block, so as to obtain the display effect of each monitoring point on the browsing page.

[0147] In specific implementation, the above units can be implemented as independent entities, or can be arbitrarily combined and implemented as the same or several entities. The specific implementation of the above units can refer to the previous monitoring point page rendering method embodiment, which will not be repeated here.

[0148] See also Figure 7 , Figure 7 A schematic block diagram of the structure of a computer device provided in an embodiment of the present application. The computer device may be a server.

[0149] like Figure 7 As shown, the computer device includes a processor, a memory, and a network interface connected via a system bus, wherein the memory may include a non-volatile storage medium and an internal memory.

[0150] The non-volatile storage medium can store an operating system and a computer program. The computer program includes program instructions, and when the program instructions are executed, the processor can execute any page rendering method of the monitoring point.

[0151] The processor is used to provide computing and control capabilities and support the operation of the entire computer equipment.

[0152] The internal memory provides an environment for the operation of the computer program in the non-volatile storage medium. When the computer program is executed by the processor, the processor can execute the page rendering method of any monitoring point.

[0153] The network interface is used for network communication, such as sending assigned tasks, etc. Those skilled in the art will understand that Figure 7The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0154] It should be understood that the processor may be a central processing unit (CPU), and the processor may also be other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. Among them, the general-purpose processor may be a microprocessor or the processor may also be any conventional processor, etc.

[0155] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0156] Obtain spatial information of each monitoring point within the target monitoring area;

[0157] Based on the spatial information of each monitoring point, each monitoring point is divided into blocks to obtain a plurality of data blocks of the target monitoring area, wherein each data block includes a plurality of monitoring points;

[0158] Obtaining the settlement value of each monitoring point;

[0159] The preset shader interface is called, and according to the spatial information of each monitoring point and the settlement value of each monitoring point, page rendering is performed on multiple data blocks in parallel to obtain the display effect of each monitoring point on the browsing page.

[0160] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0161] The monitoring point data of the target monitoring area are separated, and the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area are imported into a preset database; the monitoring point spatial data in the preset database is read, wherein the monitoring point spatial data includes the spatial information of each monitoring point in the target monitoring area; cache write processing is performed based on the monitoring point spatial data to obtain cache data of a preset cache library; based on the cache data of the preset cache library, the spatial information of each monitoring point in the target monitoring area is read.

[0162] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0163] The monitoring point spatial data is compressed to obtain first compressed data of the monitoring point spatial data; and cache writing processing is performed based on the first compressed data to obtain cache data of the preset cache library.

[0164] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0165] Based on the identifier of the target monitoring area, the first compressed data is read from the preset cache library; the first compressed data is compressed using a preset compression encoding algorithm to obtain second compressed data of the monitoring point spatial data; the second compressed data is transmitted to the client of the browsing page for decompression to obtain decompressed spatial data of the monitoring point spatial data, wherein the decompressed spatial data includes spatial information of each monitoring point in the target monitoring area.

[0166] In one embodiment, the monitoring point spatial data uses a key-value pair structure to represent the spatial information of each monitoring point, and the processor is used to run a computer program stored in the memory to implement the following steps:

[0167] According to a preset multi-dimensional array structure, the monitoring point space data is subjected to key-value deduplication processing to obtain a multi-dimensional representation array of the monitoring point space data; the multi-dimensional representation array is subjected to string conversion to obtain a first representation string of the monitoring point space data; the first representation string is compressed using a preset data compression algorithm to obtain a second representation string of the monitoring point space data; the second representation string is encoded using a preset byte encoding algorithm to obtain first compressed data of the monitoring point space data.

[0168] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0169] In response to a detail viewing instruction for a target monitoring point displayed on the browsing page, an identifier of the target monitoring point is obtained; based on the identifier of the target monitoring point, attribute information of the target monitoring point is queried from the preset database; and the attribute information of the target monitoring point is displayed on the browsing page.

[0170] In one embodiment, the processor is used to run a computer program stored in the memory to implement the following steps:

[0171] From the multiple data blocks, determine the target data block that is within the viewport coverage of the browsing page; call a preset shader interface, and perform page rendering on the multiple data blocks in parallel based on the spatial information of each monitoring point in the target data block and the settlement value of each monitoring point in the target data block, so as to obtain the display effect of each monitoring point on the browsing page.

[0172] A person skilled in the art will appreciate that all or part of the steps in the above-mentioned monitoring point page rendering method may be completed by instructions, or by controlling related hardware through instructions. The instructions may be stored in a computer-readable storage medium and loaded and executed by a processor.

[0173] To this end, an embodiment of the present application provides a computer-readable storage medium, in which multiple computer programs are stored. The computer programs can be loaded by a processor to execute any of the monitoring point page rendering methods provided in the embodiments of the present application.

[0174] The computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.

[0175] In the above-mentioned embodiments of the page rendering device and computer-readable storage medium of the monitoring point, the description of each embodiment has its own emphasis. For the parts not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments. Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working process and beneficial effects of the page rendering device, computer-readable storage medium and corresponding units of the monitoring point described above can refer to the description of the page rendering method of the monitoring point in the above embodiment, and will not be repeated here.

[0176] The above is a detailed introduction to the page rendering method, device, computer equipment and computer-readable storage medium of a monitoring point provided in an embodiment of the present application. Specific examples are used in this article to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for technical personnel in this field, according to the idea of ​​the present application, there will be changes in the specific implementation method and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. A page rendering method for a monitoring point, characterized in that: The method comprises: Obtain spatial information of each monitoring point within the target monitoring area; Based on the spatial information of each monitoring point, each monitoring point is divided into blocks to obtain a plurality of data blocks of the target monitoring area, wherein each data block includes a plurality of monitoring points; Obtaining the settlement value of each monitoring point; The preset shader interface is called, and according to the spatial information of each monitoring point and the settlement value of each monitoring point, page rendering is performed on multiple data blocks in parallel to obtain the display effect of each monitoring point on the browsing page.

2. The page rendering method of the monitoring point according to claim 1 is characterized in that: The step of obtaining spatial information of each monitoring point in the target monitoring area includes: Separating the monitoring point data of the target monitoring area, and importing the separated monitoring point spatial data and monitoring point attribute data of the target monitoring area into a preset database; Reading the monitoring point spatial data in the preset database, wherein the monitoring point spatial data includes spatial information of each monitoring point in the target monitoring area; Perform cache write processing based on the monitoring point spatial data to obtain cache data of a preset cache library; Based on the cache data of the preset cache library, the spatial information of each monitoring point in the target monitoring area is read.

3. The page rendering method of the monitoring point according to claim 2 is characterized in that: The cache writing process is performed based on the monitoring point spatial data to obtain the cache data of the preset cache library, including: Compressing the monitoring point spatial data to obtain first compressed data of the monitoring point spatial data; Cache writing processing is performed based on the first compressed data to obtain cache data of the preset cache library.

4. The page rendering method of the monitoring point according to claim 3 is characterized in that: The step of reading the spatial information of each monitoring point in the target monitoring area based on the cache data of the preset cache library includes: Based on the identifier of the target monitoring area, reading the first compressed data from the preset cache library; Using a preset compression coding algorithm, compressing the first compressed data to obtain second compressed data of the monitoring point spatial data; The second compressed data is transmitted to the client of the browsing page for decompression to obtain decompressed spatial data of the monitoring point spatial data, wherein the decompressed spatial data includes spatial information of each monitoring point in the target monitoring area.

5. The page rendering method of the monitoring point according to claim 3 is characterized in that: The monitoring point spatial data uses a key-value pair structure to represent the spatial information of each monitoring point, and the compressing the monitoring point spatial data to obtain first compressed data of the monitoring point spatial data includes: According to a preset multi-dimensional array structure, the key value duplication processing is performed on the monitoring point spatial data to obtain a multi-dimensional representation array of the monitoring point spatial data; Convert the multi-dimensional representation array into a character string to obtain a first representation character string of the monitoring point spatial data; Using a preset data compression algorithm, compressing the first representation string to obtain a second representation string of the monitoring point spatial data; The second representation character string is encoded using a preset byte encoding algorithm to obtain first compressed data of the monitoring point spatial data.

6. The page rendering method of the monitoring point according to claim 2, characterized in that: The method further comprises: In response to a detail viewing instruction for a target monitoring point displayed on the browsing page, acquiring an identifier of the target monitoring point; Based on the identifier of the target monitoring point, query the attribute information of the target monitoring point from the preset database; The attribute information of the target monitoring point is displayed on the browsing page.

7. The page rendering method of the monitoring point according to claim 1, characterized in that: The calling of the preset shader interface, performing page rendering on the plurality of data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, and obtaining the display effect of each monitoring point on the browsing page, includes: Determine, from the plurality of data blocks, a target data block that is within the viewport coverage of the browsing page; The preset shader interface is called, and according to the spatial information of each monitoring point in the target data block and the settlement value of each monitoring point in the target data block, page rendering is performed on multiple data blocks in parallel to obtain the display effect of each monitoring point on the browsing page.

8. A page rendering device for a monitoring point, characterized in that: The page rendering device of the monitoring point includes: A first acquisition unit is used to acquire spatial information of each monitoring point in the target monitoring area; A block division unit, configured to divide each monitoring point into blocks based on the spatial information of each monitoring point, so as to obtain a plurality of data blocks of the target monitoring area, wherein each of the data blocks includes a plurality of monitoring points; A second acquisition unit is used to acquire the settlement value of each monitoring point; The rendering unit is used to call a preset shader interface, and perform page rendering on multiple data blocks in parallel according to the spatial information of each monitoring point and the settlement value of each monitoring point, so as to obtain the display effect of each monitoring point on the browsing page.

9. A computer device, characterized in that: The computer device includes a memory and a processor; The memory is used to store computer programs; The processor is used to execute the computer program and implement the page rendering method for the monitoring point according to any one of claims 1 to 7 when executing the computer program.

10. A computer-readable storage medium, characterized in that: A computer program is stored thereon, and the computer program is loaded by a processor to execute the page rendering method for a monitoring point according to any one of claims 1 to 7.

Images