CN116112561A - Visual management method and system for 3d Internet of vehicles based on web browser cache - Google Patents
Visual management method and system for 3d Internet of vehicles based on web browser cache Download PDFInfo
- Publication number
- CN116112561A CN116112561A CN202310112373.7A CN202310112373A CN116112561A CN 116112561 A CN116112561 A CN 116112561A CN 202310112373 A CN202310112373 A CN 202310112373A CN 116112561 A CN116112561 A CN 116112561A
- Authority
- CN
- China
- Prior art keywords
- data
- 3dtiles
- cache
- check code
- sub
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000007726 management method Methods 0.000 title claims abstract description 33
- 230000000007 visual effect Effects 0.000 title claims abstract description 17
- 238000000034 method Methods 0.000 claims abstract description 31
- 238000012800 visualization Methods 0.000 claims description 16
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 238000012546 transfer Methods 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 230000003111 delayed effect Effects 0.000 abstract description 2
- 238000012545 processing Methods 0.000 description 11
- 238000010586 diagram Methods 0.000 description 7
- 238000011161 development Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 229910052792 caesium Inorganic materials 0.000 description 1
- TVFDJXOCXUVLDH-UHFFFAOYSA-N caesium atom Chemical compound [Cs] TVFDJXOCXUVLDH-UHFFFAOYSA-N 0.000 description 1
- 238000013524 data verification Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000007781 pre-processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012876 topography Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L1/00—Arrangements for detecting or preventing errors in the information received
- H04L1/004—Arrangements for detecting or preventing errors in the information received by using forward error control
- H04L1/0056—Systems characterized by the type of code used
- H04L1/0061—Error detection codes
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/12—Protocols specially adapted for proprietary or special-purpose networking environments, e.g. medical networks, sensor networks, networks in vehicles or remote metering networks
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The invention discloses a visual management method and a visual management system of a 3d Internet of vehicles based on web browser caching, wherein the method comprises the following steps: the method comprises the steps that a server side obtains 3DTiles data and a first check code corresponding to the 3DTiles data; segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data; caching the acquired 3DTiles data into an IndexdDB after the browser accesses the system for the first time, and acquiring 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js frame after revising; if the first check code is inconsistent with the second check code, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so as to obtain target 3DTiles cache data; the target 3DTiles cache data is converted into a 3d map based on a three.js framework. Therefore, the display speed of the system is not delayed because a large amount of 3D tiles data needs to be loaded, and the system can obtain the capability of driving a 3d live-action display vehicle.
Description
Technical Field
The invention belongs to the technical field of Internet of vehicles management, and particularly relates to a 3d Internet of vehicles visual management method and system based on web browser caching.
Background
Currently, the development of the internet of vehicles industry at home and abroad is still in a starting stage, and the internet of vehicles visual management platform which is being developed or is finished through preliminary development is mostly similar to a traditional background management system or a large screen visual system, generally maintains a 2d plan, marks the running track of a vehicle on the 2d plan, and maintains some chart contents displayed in real time outside the 2d plan for monitoring and displaying real-time vehicle data.
In the aspect of realizing the visual management of the Internet of vehicles, the prior art mainly depends on the traditional web site development thought, namely 2d canvas drawing or ECharts-based visual frames drawing a 2d plan for the running of the vehicle of the whole system, namely various information point positions display. However, in the process of data acquisition, a large amount of data needs to be loaded on the front end, so that the loading speed is slow.
Disclosure of Invention
The invention provides a 3d Internet of vehicles visual management method and system based on web browser cache, which are used for solving the technical problem of slow loading speed caused by the fact that a large amount of data is required to be loaded at the front end in the process of data acquisition.
In a first aspect, the present invention provides a method for visual management of a 3d internet of vehicles based on web browser caching, including: the method comprises the steps that a server side obtains 3DTiles data and a first check code corresponding to the 3DTiles data, wherein the first check code is generated by the server side; segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data; after the browser side accesses the system for the first time, caching the acquired 3DTiles data into an IndexdDB, and after revising, acquiring 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework, wherein the second check code is generated by the client side; judging whether the first check code is consistent with the second check code; if the data are inconsistent, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so that target 3DTiles cache data are obtained; and reading the cached target 3DTiles cached data, converting the target 3DTiles cached data into a 3d map based on a three.js frame, and displaying the 3d map.
Further, before the server side obtains the 3DTiles data and the first check code corresponding to the 3DTiles data, the method further includes:
and generating a first check code corresponding to the 3D (data transfer) files data based on a CRC32 check algorithm.
Further, before acquiring the 3DTiles cache data specified in the preset indedexdb cache database and the second check code corresponding to the 3DTiles cache data according to the localforage. Js frame after revising, the method further includes:
acquiring oblique photographing data of a designated area, and converting the oblique photographing data into 3DTiles data, wherein the 3DTiles data can be displayed in a web page;
caching the 3DTiles data loaded to a server side into an index DB of a web browser to obtain an index DB cache database, wherein the index DB cache database contains 3DTiles cache data;
and generating a second check code corresponding to the 3D (data transfer) buffer data based on a CRC32 check algorithm.
In a second aspect, the present invention provides a 3d internet of vehicles visualization management system based on web browser caching, including: the first acquisition module is configured to acquire 3DTiles data and a first check code corresponding to the 3DTiles data by the server, wherein the first check code is generated by the server; the generating module is configured to segment the 3DTiles data to obtain at least one piece of sub-3 DTiles data, and generate a key value uniquely corresponding to the at least one piece of sub-3 DTiles data; the second acquisition module is configured to cache the acquired 3DTiles data into an IndexdDB after the browser side accesses the system for the first time, and acquire the 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework after revising, wherein the second check code is generated by the client side; the judging module is configured to judge whether the first check code is consistent with the second check code; the updating module is configured to insert or update at least one piece of sub 3DTiles data into the 3DTiles cache data according to the key value if the pieces of sub 3DTiles data are inconsistent, so that target 3DTiles cache data are obtained; the conversion module is configured to read the cached target 3DTiles cached data, convert the target 3DTiles cached data into a 3d map based on a three.js frame, and display the 3d map.
In a third aspect, there is provided an electronic device, comprising: the system comprises at least one processor and a memory communicatively connected with the at least one processor, wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the steps of the web browser cache based 3d internet of vehicles visualization management method of any of the embodiments of the present invention.
In a fourth aspect, the present invention also provides a computer readable storage medium, on which a computer program is stored, where the program instructions, when executed by a processor, cause the processor to execute the steps of the method for web browser cache-based 3d internet of vehicles visualization management according to any of the embodiments of the present invention.
According to the web browser cache-based 3d Internet of vehicles visual management method and system, after a user accesses the system for the first time by using a web browser on a computer, a large amount of 3DTiles data are cached in the web browser, then the 3DTiles data are directly obtained from the web browser, the access loading speed can be improved, and after verification is successful, the 3DTiles cache data appointed in the index DB cache database are updated, so that the effectiveness of the 3DTiles cache data is improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a method for visual management of 3d Internet of vehicles based on web browser caching according to an embodiment of the present invention;
FIG. 2 is a block diagram of a 3d Internet of vehicles visualization management system according to an embodiment of the present invention;
FIG. 3 is a flowchart of a method for visual management of 3d Internet of vehicles according to an embodiment of the present invention;
FIG. 4 is a block diagram of a 3d Internet of vehicles visualization management system based on web browser caching according to an embodiment of the present invention;
fig. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present invention.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention, and it is apparent that the described embodiments are some embodiments of the present invention, but not all embodiments of the present invention. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
Term interpretation:
1.3DTiles data: three-dimensional tile data, 3D Tiles, is an open specification for streaming large-scale heterogeneous 3D geospatial data sets. To extend the topography and image stream of Cesium, 3D Tiles will be used to stream 3D content, including buildings, trees, point clouds, and vector data.
2. Tile data: the tile data is a cached picture set formed by preprocessing vector or image data and adopting an efficient caching mechanism (such as a pyramid), and is organized in a level, line and column mode, so that the tile data can be quickly loaded in a webpage.
Three.js framework: a three-dimensional engine running based on native WebGL packaging.
4. Oblique photography technique: by carrying a plurality of sensors on the same flight platform, the aerial photographing technology for acquiring images from five different angles such as a vertical angle, four inclined angles and the like is adopted.
IndexdDB database: a key-value type database implemented by a web browser.
Localforage. Js: an improved client offline cache framework supporting index db database storage.
Crc32 check algorithm: a data verification algorithm.
Referring to fig. 1, a flowchart of a method for visual management of 3d internet of vehicles based on web browser caching is shown.
As shown in fig. 1, the visual management method of the 3d internet of vehicles based on the web browser cache specifically comprises the following steps:
step S101, a server acquires 3DTiles data and a first check code corresponding to the 3DTiles data, wherein the first check code is generated by the server;
step S102, segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data;
step S103, after the browser side accesses the system for the first time, the acquired 3DTiles data are cached in an IndexdDB, and after the browser side accesses the system again, 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data are acquired according to a localforage. Js frame, wherein the second check code is generated by the client side;
step S104, judging whether the first check code is consistent with the second check code;
step S105, if not, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so as to obtain target 3DTiles cache data;
and S106, reading the cached target 3DTiles cached data, converting the target 3DTiles cached data into a 3d map based on a three.js frame, and displaying the 3d map.
In this embodiment, when the web browser loads the page code and the 3DTiles data from the server, the 3DTiles data loaded will be cached in the browser index db at the same time, and when the web browser accesses the web browser again later, the client will submit the key value and the corresponding check code of the index db data under the current domain name to the server, the server will select to return the key value and the data content to be newly inserted or updated to the client after comparing the differences, and the client will insert or update the corresponding data content into the index db cache database according to the key value returned by the server. After the index DB cache system is updated, the client reads 3DTiles data from the index DB cache database and converts the 3DTiles data into a 3d map.
In summary, according to the method of the embodiment, the browser end caches the 3 dtex data acquired for the first time, and then opens the system again to directly read the 3 dtex data from the browser cache, so that the display speed of the system will not be delayed due to the need of loading a large amount of 3 dtex tile data when the system is opened again through the device, and meanwhile, the system obtains the running capability of the 3d live-action display vehicle.
In a specific embodiment, implementation details of the present system technology will be described in conjunction with the present system structural block diagram and data flow diagrams. As shown in fig. 2, the system is mainly divided into a front-end module and a server-end module, wherein the front-end module is further divided into a cache checking module, a cache processing module, a display module and a 3DTiles data processing module. As shown in fig. 3:
when a user accesses the system through a specified url, the system acquires a front-end module code from a server, and then a cache processing module acquires specified 3DTiles cache data through an index DB cache database under the current domain name.
After the cache processing module acquires the cache data (the system cannot acquire any cache data when the system is accessed for the first time), the cache data is transmitted to the cache checking module for cache data checking, and the cache data checking mainly has two purposes, namely, the cache data checking aims at preventing the cache data from being tampered due to storage at the web browser end (the situation is less happening); and secondly, after the service end updates the related data, the updated data can be returned to the client end in time. (Note here that 3DTiles data itself is split into many tilefiles to be stored on the server, and when the server returns the data to the client, the data is also returned in fragments in key-value data format.)
Specifically, when the server stores 3DTiles tile data, a unique uuid (i.e. a cached key value) is generated for each subtilefile, and meanwhile, the server generates a corresponding check code by using the CRC32 check algorithm to store the data in the data table. After the 3dTiles data of the buffer memory is obtained by the current buffer memory checking module, a CRC32 checking algorithm is also used for generating a checking code for the obtained data, then a key value (namely uuid generated by a server) of the buffer memory and the checking code are sent to the server, the server compares the checking code uploaded by the front end with the checking code in a data table, if the checking code is consistent, the tile file under the key is not modified, and the effective buffer memory is realized; if the check codes are inconsistent, the tile files under the key are changed, and the server returns the key, all the key values which are not submitted by the front end but stored by the server and the tile files corresponding to the key, to the front end.
After the front end acquires the 3DTiles data returned by the server, the data are updated into the previously read cache data object by the cache processing module, wherein if the data key value returned by the server is already stored in the previous cache object, the tile file of the previous cache object is covered, the key value which does not exist before is newly added, and the complete 3DTiles data are obtained through the operation.
Meanwhile, the cache processing module also creates a web worker thread which stores changed data into the index db database by using the localforage. After the complete 3D real model is obtained, the buffer processing module transmits the data to the 3D real model processing module, and the 3D real model processing module loads and renders the 3D real model data through the 3D real model render module (with the longitude and latitude information of the actual geographic coordinate system). And then, the front-end display module renders other data (some scheduling information, operation big data, current actual operation and running automobile information, automobile point position data, running track data and automobile model data) acquired from the server through frames such as HTML, CSS, javaScript and echarts, wherein the model data of the automobile are rendered into a real 3d automobile model through a three.js frame, and the 3d automobile model runs on a 3d live-action map generated by the 3D live-action map processing module according to an actual running track (mainly a geographic coordinate system and pushed by the server in real time).
Referring to fig. 3, a block diagram of a 3d internet of vehicles visualization management system based on web browser caching is shown.
As shown in fig. 3, the 3d internet of vehicles visualization management 200 includes a first acquisition module 210, a generation module 220, a second acquisition module 230, a judgment module 240, an update module 250, and a conversion module 260.
The first obtaining module 210 is configured to obtain 3DTiles data and a first check code corresponding to the 3DTiles data by the server, where the first check code is generated by the server; the generating module 220 is configured to segment the 3DTiles data to obtain at least one sub 3DTiles data, and generate a key value uniquely corresponding to the at least one sub 3DTiles data; a second obtaining module 230, configured to cache the obtained 3DTiles data into the indeeddb after the browser accesses the system for the first time, and obtain, according to the localforage. Js framework, the 3DTiles cache data specified in the preset indeeddb cache database and a second check code corresponding to the 3DTiles cache data after the browser accesses the system again, where the second check code is generated by the client; a judging module 240 configured to judge whether the first check code is identical to the second check code; the updating module 250 is configured to insert or update at least one sub 3DTiles data into the 3DTiles cache data according to the key value if the sub 3DTiles data are inconsistent, so as to obtain target 3DTiles cache data; the conversion module 260 is configured to read the cached target 3DTiles cached data, convert the target 3DTiles cached data into a 3d map based on the three.js frame, and display the 3d map.
It should be understood that the modules depicted in fig. 3 correspond to the various steps in the method described with reference to fig. 1. Thus, the operations and features described above for the method and the corresponding technical effects are equally applicable to the modules in fig. 3, and are not described here again.
In other embodiments, the present invention further provides a computer readable storage medium, on which a computer program is stored, where the program instructions, when executed by a processor, cause the processor to perform the method for web browser cache-based 3d internet of vehicles visualization management in any of the above method embodiments;
as one embodiment, the computer-readable storage medium of the present invention stores computer-executable instructions configured to:
the method comprises the steps that a server side obtains 3DTiles data and a first check code corresponding to the 3DTiles data, wherein the first check code is generated by the server side;
segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data;
after the browser side accesses the system for the first time, caching the acquired 3DTiles data into an IndexdDB, and after revising, acquiring 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework, wherein the second check code is generated by the client side;
judging whether the first check code is consistent with the second check code;
if the data are inconsistent, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so that target 3DTiles cache data are obtained;
and reading the cached target 3DTiles cached data, converting the target 3DTiles cached data into a 3d map based on a three.js frame, and displaying the 3d map.
The computer readable storage medium may include a storage program area and a storage data area, wherein the storage program area may store an operating system, at least one application program required for a function; the storage data area may store data created from the use of a web browser-based cached 3d internet of vehicles visualization management system, and the like. In addition, the computer-readable storage medium may include high-speed random access memory, and may also include memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid-state storage device. In some embodiments, the computer readable storage medium optionally includes memory remotely located with respect to the processor, the remote memory being connectable over a network to a web browser cache based 3d internet of vehicles visualization management system. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
Fig. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present invention, as shown in fig. 5, where the device includes: a processor 310 and a memory 320. The electronic device may further include: an input device 330 and an output device 340. The processor 310, memory 320, input device 330, and output device 340 may be connected by a bus or other means, for example in fig. 5. Memory 320 is the computer-readable storage medium described above. The processor 310 executes various functional applications and data processing of the server by running non-volatile software programs, instructions and modules stored in the memory 320, i.e. implements the method for 3d internet of vehicles visualization management based on web browser caching in the above method embodiment. The input device 330 may receive input numeric or character information and generate key signal inputs related to user settings and function controls of the web browser-based cached 3d internet of vehicles visualization management system. The output device 340 may include a display device such as a display screen.
The electronic equipment can execute the method provided by the embodiment of the invention, and has the corresponding functional modules and beneficial effects of the execution method. Technical details not described in detail in this embodiment may be found in the methods provided in the embodiments of the present invention.
As an implementation manner, the electronic device is applied to a 3d internet of vehicles visualization management system based on web browser caching, and is used for a client, and the electronic device comprises: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being executable by the at least one processor to enable the at least one processor to:
the method comprises the steps that a server side obtains 3DTiles data and a first check code corresponding to the 3DTiles data, wherein the first check code is generated by the server side;
segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data;
after the browser side accesses the system for the first time, caching the acquired 3DTiles data into an IndexdDB, and after revising, acquiring 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework, wherein the second check code is generated by the client side;
judging whether the first check code is consistent with the second check code;
if the data are inconsistent, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so that target 3DTiles cache data are obtained;
and reading the cached target 3DTiles cached data, converting the target 3DTiles cached data into a 3d map based on a three.js frame, and displaying the 3d map.
From the above description of the embodiments, it will be apparent to those skilled in the art that the embodiments may be implemented by means of software plus necessary general hardware platforms, or of course may be implemented by means of hardware. Based on such understanding, the foregoing technical solutions may be embodied essentially or in part in the form of a software product, which may be stored in a computer-readable storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to perform the various embodiments or methods of some parts of the embodiments.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present invention, and are not limiting; although the invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims (6)
1. A visual management method of 3d Internet of vehicles based on web browser cache is characterized by comprising the following steps:
the method comprises the steps that a server side obtains 3DTiles data and a first check code corresponding to the 3DTiles data, wherein the first check code is generated by the server side;
segmenting the 3DTiles data to obtain at least one sub 3DTiles data, and generating a key value uniquely corresponding to the at least one sub 3DTiles data;
after the browser side accesses the system for the first time, caching the acquired 3DTiles data into an IndexdDB, and after revising, acquiring 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework, wherein the second check code is generated by the client side;
judging whether the first check code is consistent with the second check code;
if the data are inconsistent, inserting or updating at least one sub 3DTiles data into the 3DTiles cache data according to the key value, so that target 3DTiles cache data are obtained;
and reading the cached target 3DTiles cached data, converting the target 3DTiles cached data into a 3d map based on a three.js frame, and displaying the 3d map.
2. The web browser cache-based 3d internet of vehicles visualization management method of claim 1, wherein before the server obtains the 3DTiles data and the first check code corresponding to the 3DTiles data, the method further comprises:
and generating a first check code corresponding to the 3D (data transfer) files data based on a CRC32 check algorithm.
3. The web browser cache based 3d internet of vehicles visualization management method according to claim 1, wherein before obtaining 3DTiles cache data specified in a preset index db cache database and a second check code corresponding to the 3DTiles cache data according to a localforage js frame after revising, the method further comprises:
acquiring oblique photographing data of a designated area, and converting the oblique photographing data into 3DTiles data, wherein the 3DTiles data can be displayed in a web page;
caching the 3DTiles data loaded to a server side into an index DB of a web browser to obtain an index DB cache database, wherein the index DB cache database contains 3DTiles cache data;
and generating a second check code corresponding to the 3D (data transfer) buffer data based on a CRC32 check algorithm.
4. A web browser cache-based 3d internet of vehicles visualization management system, comprising:
the first acquisition module is configured to acquire 3DTiles data and a first check code corresponding to the 3DTiles data by the server, wherein the first check code is generated by the server;
the generating module is configured to segment the 3DTiles data to obtain at least one piece of sub-3 DTiles data, and generate a key value uniquely corresponding to the at least one piece of sub-3 DTiles data;
the second acquisition module is configured to cache the acquired 3DTiles data into an IndexdDB after the browser side accesses the system for the first time, and acquire the 3DTiles cache data appointed in a preset IndexdDB cache database and a second check code corresponding to the 3DTiles cache data according to a localforage. Js framework after revising, wherein the second check code is generated by the client side;
the judging module is configured to judge whether the first check code is consistent with the second check code;
the updating module is configured to insert or update at least one piece of sub 3DTiles data into the 3DTiles cache data according to the key value if the pieces of sub 3DTiles data are inconsistent, so that target 3DTiles cache data are obtained;
the conversion module is configured to read the cached target 3DTiles cached data, convert the target 3DTiles cached data into a 3d map based on a three.js frame, and display the 3d map.
5. An electronic device, comprising: at least one processor, and a memory communicatively coupled to the at least one processor, wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1 to 3.
6. A computer readable storage medium, on which a computer program is stored, characterized in that the program, when being executed by a processor, implements the method of any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310112373.7A CN116112561B (en) | 2023-02-14 | 2023-02-14 | Visual management method and system for 3d Internet of vehicles based on web browser cache |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310112373.7A CN116112561B (en) | 2023-02-14 | 2023-02-14 | Visual management method and system for 3d Internet of vehicles based on web browser cache |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116112561A true CN116112561A (en) | 2023-05-12 |
| CN116112561B CN116112561B (en) | 2024-02-09 |
Family
ID=86257821
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310112373.7A Active CN116112561B (en) | 2023-02-14 | 2023-02-14 | Visual management method and system for 3d Internet of vehicles based on web browser cache |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116112561B (en) |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022126984A1 (en) * | 2020-12-15 | 2022-06-23 | 平安科技（深圳）有限公司 | Cache data detection method and apparatus, computer device and storage medium |
| CN115550335A (en) * | 2022-08-31 | 2022-12-30 | 浙江传媒学院桐乡研究院有限公司 | Distributed mobile WEB3D rendering system and method |
-
2023
- 2023-02-14 CN CN202310112373.7A patent/CN116112561B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022126984A1 (en) * | 2020-12-15 | 2022-06-23 | 平安科技（深圳）有限公司 | Cache data detection method and apparatus, computer device and storage medium |
| CN115550335A (en) * | 2022-08-31 | 2022-12-30 | 浙江传媒学院桐乡研究院有限公司 | Distributed mobile WEB3D rendering system and method |
Non-Patent Citations (9)
| Title |
|---|
| COPYER_CHUAN: "3d模型文件存入浏览器indexDB，加快模型加载速度", Retrieved from the Internet <URL:https://blog.csdn.net/ych1274816963/article/details/128866244> * |
| JEREMY.DOU: "在前端使用indexedDB进行大量数据的本地化缓存", Retrieved from the Internet <URL:http://www.douzhixuan.com/-e5-9c-a8-e5-89-8d-e7-ab-af-e4-bd-bf-e7-94-a8indexeddb-e8-bf-9b-e8-a1-8c-e5-a4-a7-e9-87-8f-e6-95-b0-e6-8d-ae-e7-9a-84-e6-9c-ac-e5-9c-b0-e5-8c-96-e7-bc/> * |
| NETCY: "使用IndexedDB缓存给WebGL三维程序加速", Retrieved from the Internet <URL:https://blog.csdn.net/netcy/article/details/122843827> * |
| TC9011: "前端大容量缓存方案-IndexedDB", Retrieved from the Internet <URL:https://juejin.cn/post/6844904054728949774> * |
| 李源;何友全;: "WebGIS中带图业务数据的缓存和预取机制研究", 计算机测量与控制, no. 05 * |
| 杨帆;杜凯;: "基于WebGL的三维虚拟地球系统设计与实现", 地理信息世界, no. 02 * |
| 柴森;邱建松;: "G/S模式下Android地理信息浏览器缓存技术研究", 数字通信, no. 02 * |
| 陈桦;李艳明;朱美正;: "一种支持大量并发用户的瓦片缓存方案研究", 计算机工程与科学, no. 12 * |
| 黄玉青;建明;赵雅鹏;张号;: "基于WebGL的三维WebGIS应用研究", 测绘技术装备, no. 02 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116112561B (en) | 2024-02-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110018742B (en) | Construction method of network virtual travel system | |
| US10755112B2 (en) | Systems and methods for reducing data storage in machine learning | |
| CN110765381A (en) | Web publishing method and system of distribution network main station based on WebAssembly technology | |
| CN109377554B (en) | Large three-dimensional model drawing method, device, system and storage medium | |
| CN110969691A (en) | WebGL-based photographic data scheduling method and system | |
| CN109697223B (en) | Marine forecast human-computer interaction method based on GIS synchronization technology | |
| CN106611438B (en) | Local area updating and map cutting method and device of three-dimensional simulation map | |
| CN112233204B (en) | Map processing method, map processing device, computer equipment and storage medium | |
| US8896617B2 (en) | Multi-resolution texture aggregation | |
| CN115546377B (en) | Video fusion method and device, electronic equipment and storage medium | |
| CN116310046B (en) | Image processing method, device, computer and storage medium | |
| CN110047371B (en) | Rendering method and device of vector electronic map | |
| CN103955955A (en) | Electronic map information processing method and device | |
| CN113487529A (en) | Meteorological satellite cloud picture target detection method based on yolk | |
| CN114463948A (en) | Geological disaster monitoring and early warning method and system | |
| CN110910504A (en) | Method and device for determining three-dimensional model of region | |
| CN116112561B (en) | Visual management method and system for 3d Internet of vehicles based on web browser cache | |
| US8390623B1 (en) | Proxy based approach for generation of level of detail | |
| CN109445760B (en) | Image rendering method and system | |
| CN114637939A (en) | Online rendering method and device of model | |
| CN116704120A (en) | Underground pipeline inspection method and system based on WEB AR technology | |
| CN109309874B (en) | Focus updating method and device | |
| WO2023066412A1 (en) | Dynamic processing method and apparatus based on unmanned aerial vehicle video pyramid model | |
| CN116224931A (en) | Real-time data driving-based digital twin simulation operation method for cigarette factory | |
| CN105260427A (en) | Internet based panoramic image display method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |