Navigation event visualization method based on leaflet map

Abstract

The invention provides a leaflet map-based shipping event visualization method, which comprises the following steps of: acquiring shipping main bodies and shipping event data through a network interface, simulating each shipping main body and event data in a leaflet electronic map, playing back the shipping event data at any moment, and adding the custom shipping main body and event data at any moment. And meanwhile, screenshot or video recording at any moment is supported, and storage and sharing are carried out in a picture or video mode. Through diversified data form storage, the problem that the shipping event data storage and sharing form is single is solved, business personnel can form new shipping event data in combination with own shipping event data and store and share the new shipping event data in the modes of pictures, videos, shipping subject data and the like, the shipping event data storage and sharing efficiency is greatly improved, and the shipping event data sharing efficiency is improved. The shipping event data processing capability of business personnel is improved, and a pipelined shipping event data processing, storing, sharing and using method is provided.

Description

Technical Field

[0001] The present invention relates to the technical field of shipping data application, and in particular to a shipping event visualization method based on a Leaflet map. Background Art

[0002] At present, shipping incidents occur from time to time. Shipping incidents caused by factors such as ship collisions and typhoon weather have aroused the concerns of all parties. How to efficiently simulate shipping incidents and add one's own business subject data to shipping incidents, simulate the behavior patterns of relevant parties in shipping incidents with visualization solutions, and reduce the impact of shipping incidents on one's own business has become the focus of concern for all parties.

[0003] In existing technical solutions, shipping event data is mainly stored and used in text form. In addition, some visualization solutions only simulate and reproduce in a simple way, such as using electronic charts to draw pictures or play animations.

[0004] In the existing solution, business personnel can only form analytical data related to their own business after viewing shipping event pictures or playing animations and combining their own business experience, and they can no longer pass it on to others for use.

[0005] The main problems with these solutions are:

[0006] 1. The storage and sharing modes are limited to text or pictures.

[0007] 2. The usage is single and closed, and can only be used for conventional display and playback. It requires experienced business personnel to process it separately to form analytical data related to their own business. It is impossible to add their own business subject data to the shipping event data to form new shipping event data for continued transmission and use. Summary of the invention

[0008] In order to solve the technical problems in the prior art that the shipping event data storage and sharing forms are single, and the shipping event data usage is single and closed, resulting in the ineffective use of shipping data, the present invention provides a shipping event visualization method based on Leaflet map, which realizes the storage of shipping subject data and shipping event data, realizes the sharing of shipping subject data, shipping event data, video recording, etc., and realizes a pipeline-style transmission and usage.

[0009] The specific plan is as follows:

[0010] A method for visualizing shipping events based on Leaflet map, comprising the following steps:

[0011] Step 1: Use a database to store shipping entity data and shipping event data.

[0012] Step 2: Use the network interface to obtain the shipping subject data and shipping event data stored in the database.

[0013] Step 3: Based on the shipping entity data and shipping event data, the shipping event visualization is realized in the web browser based on the leaflet map technology.

[0014] Step 4: During step 3, the user can add shipping entity data and shipping event data at any time.

[0015] Step 5: The shipping subject data and shipping event data obtained in step 2 are merged with the shipping subject data and shipping event data added in step 4 to form new shipping subject data and shipping event data, and are stored in the database through the network interface.

[0016] Step 6: Provide web-record to realize video recording function and provide download mechanism to store and share shipping events in the form of video.

[0017] Repeat steps 1 to 5 to realize the pipeline delivery of shipping events.

[0018] Preferably: the shipping entity data in step 1 includes basic information, longitude and latitude data of various shipping entities within a period of time.

[0019] Preferably: the shipping event data in step 1 includes event information added by business personnel at any time within the time range of the shipping subject data and at least one unique identifier of the shipping subject data associated with the event.

[0020] Preferably, the basic information includes a subject unique identifier, a subject name, a subject icon, etc.

[0021] Preferably, the two or more shipping subject data associated with the shipping event data refer to all shipping subject data, including the shipping subject data added by the user in step 4, one or more of which, if the event is not associated with any shipping subject data, then there is no need to add the event.

[0022] Preferably: the network interface in step 2 refers to returning the shipping subject data and shipping event data stored in the database in step 1 in the format of a JSON array.

[0023] Preferably: the shipping event visualization in step 3 includes an electronic nautical chart and a track playback module based on Leaflet.

[0024] Preferably: the trajectory playing module includes a trajectory drawing module and a time control module.

[0025] Preferably: the adding of shipping subject data and shipping event data in step 4 refers to adding shipping subject data and shipping event data related to its own business at any time in combination with the time control module when drawing the trajectory.

[0026] Preferably: the shipping subject data and shipping event data are merged in step 5. Since the formats of the shipping subject data and shipping event data are consistent with those of the shipping subject data and shipping event data acquired in step 2, the shipping subject data at the same time point can be taken as a whole and the shipping event data at the same time point can be taken as a whole, which is equivalent to forming new shipping subject data and shipping event data.

[0027] Preferably: in step 5, the newly merged shipping subject data and shipping event data are saved in a database through a network interface, so that the processed data can continue to be transmitted and used through steps 1 to 4.

[0028] Preferably: the JSON array stores the shipping subject data and the shipping event data in chronological order in the order of the array subscripts. By looping the JSON array during steps 3, 4 and 5, the coherent shipping subject data and shipping event data can be obtained, thereby simulating the movement trajectory of the shipping subject and the timing of the shipping event.

[0029] Preferably, the video recording and sharing in step 6 refers to implementing the video recording function using a web browser in the shipping event visualization in step 3 through web-record technology.

[0030] Preferably: the video recording function can customize the start and end of recording, and after recording is completed, the video can be downloaded for storage and sharing.

[0031] The beneficial effects of the present invention are as follows:

[0032] The present invention provides a method for visualizing shipping events based on Leaflet maps. A user obtains shipping event subject data and shipping event data in a database through a network interface, and uses a track playback module in a Leaflet electronic chart system to simulate the data of each shipping subject and the corresponding event data. During playback, a time control module can be used to playback shipping event data at any time, and custom shipping subject data and event data can be added at any time, which is equivalent to adding shipping event data to shipping subject data to form new shipping event shipping subject data for others to view or use. In addition, when using the track playback module, combined with the time control module, screenshots or video recordings can be taken at any time, and stored and shared in the form of pictures or videos.

[0033] The present invention solves the problems in the prior art of single shipping event data storage and sharing forms and single and closed shipping event data usage modes, so that business personnel can integrate their own shipping event data into shipping event data to form new shipping event data, and store and share them in the form of pictures, videos, shipping subject data, etc., which greatly improves the storage and sharing efficiency of shipping event data, improves the ability of business personnel to integrate shipping event data and shipping event data, and provides a streamlined shipping event data processing, storage, sharing and usage method. BRIEF DESCRIPTION OF THE DRAWINGS

[0034] Figure 1 Flowchart of a shipping event visualization method based on Leaflet map.

[0035] Figure 2 Ship main body data display diagram.

[0036] Figure 3 Shipping event data rendering.

[0037] Figure 4 A display diagram of shipping event data and its related information.

[0038] Figure 5 Track playback module effect diagram.

[0039] Figure 6 Added shipping subject data and shipping event data interface.

[0040] Figure 7 The Start Recording and End Recording buttons display interface. DETAILED DESCRIPTION

[0041] like Figure 1 As shown, a shipping event visualization method based on Leaflet map includes the following steps:

[0042] Step 1: Use a database to store shipping entity data and shipping event data.

[0043] Step 2: Use the network interface to obtain the shipping subject data and shipping event data stored in the database.

[0044] Step 3: Based on the shipping entity data and shipping event data, the shipping event visualization is realized in the web browser based on the leaflet map technology.

[0045] Step 4: During step 3, the user can add shipping entity data and shipping event data at any time.

[0046] Step 5: The shipping subject data and shipping event data obtained in step 2 are merged with the shipping subject data and shipping event data added in step 4 to form new shipping subject data and shipping event data, and are stored in the database through the network interface.

[0047] Step 6: Provide web-record to implement the video recording function and provide a download mechanism.

[0048] The working principle of the above method is: using a database to store shipping subject data and shipping event data; using a network interface to obtain shipping subject data and shipping event data; realizing leaflet electronic charts; realizing a trajectory drawing module and a time control module; realizing shipping event visualization in a web browser; during the shipping event visualization process, users can add shipping subject data and shipping event data at any time; integrating the added shipping subject data and shipping event data into previous data to form new shipping subject data and shipping event data; storing the new shipping subject data and shipping event data in a database through a network interface; sharing shipping subject data and shipping event data through a combination of network interfaces, pictures, screen recording videos based on web-record technology, and the like, and being able to transmit and use them.

[0049] In one embodiment, the subject data is as follows: Figure 2 As shown in the figure, it includes shipping subject data such as typhoons and ships. Typhoon subject data includes name, wind speed, wind direction, 7-level wind circle, 10-level wind circle, etc.; ship subject data includes name, mmsi, ship type, ship heading, etc. In addition, these subject data have unique identifiers of string type.

[0050] In one embodiment, the shipping event data is as follows: Figure 3 As shown:

[0051] The type of event information is "red warning" and the content is graphic text;

[0052] The shipping entity data associated with the event information are the ship "VECCO" and the typhoon "PILAR (862023)".

[0053] In one embodiment, the shipping event data may also be Figure 4 As shown:

[0054] The type of event information is "wireframe circle" and the content is empty;

[0055] The shipping entity data associated with the event information are the ships "Starlight Harmony" and "New Jiazhou 3".

[0056] In one embodiment, the track playback module is as follows: Figure 5 As shown, it includes a trajectory drawing module and a time control module.

[0057] Among them, the trajectory drawing module traverses the shipping subject data JSON array, that is, the basic information and longitude and latitude data of the ship "Starlight Harmony" within two hours starting from 2023-11-0612:43, and draws the trajectory information and displays the ship name, ship type, bow direction and other information in the leaflet electronic nautical chart.

[0058] The time control module can modify the current index when traversing the JSON array of shipping subject data by dragging, that is, simulating the position of "Starlight Harmony" at any time.

[0059] In one embodiment, shipping subject data and shipping event data are added such as Figure 6 As shown:

[0060] In the process of drawing the navigation track of the ship "Starlight Harmony" in the trajectory drawing module, the time is frozen to 2023-11-06 13:43 through the time control module, and then search for shipping entities such as ships, ports, typhoons, etc. in the input box. Here, the ship "Xin Jiazhou 3" is selected as an example to enter basic information, and then the basic information and longitude and latitude of the ship "Xin Jiazhou 3" are entered at each time point within two hours.

[0061] After adding the shipping subject data, add a new shipping event data through the input box, the type is "wireframe circle", and the associated shipping subjects are the ship "Starlight Harmony" and the ship "New Jiazhou 3" to complete the addition of shipping event data.

[0062] By reusing the track playback module, the track of the ship "Xingguang Harmony" can be drawn at the same time as the track of the ship "Xingguang Harmony". In addition, the leaflet electronic chart automatically connects the ship "Xingguang Harmony" and the ship "Xingjiazhou 3" with a dotted line and marks the relative distance between the two ships. At the same time, the basic information of the ship "Xingjiazhou 3" and the relative distance between the two ships are displayed in real time above the leaflet electronic chart.

[0063] In one embodiment, the shipping subject data and shipping event data are fused as shown in Table 1:

[0064]

[0065] Table 1

[0066] Shipping main data 1 and shipping main data 2 can be combined in data format in the JSON array, which is equivalent to forming new shipping main data and shipping event data.

[0067] In one embodiment, the new shipping entity data and shipping event data formed by the above fusion are saved in the database. Since the format of the fused data is the same as the format of the data described in step 1 and step 2, the processed data can continue to be transmitted and used through steps 1 to 5.

[0068] In one embodiment, the JSON array stores items and eventItems in chronological order.

[0069] Among them, items represents shipping subject data, including basic information and longitude and latitude; eventItems represents shipping event data, including event information and the associated subject unique identifier.

[0070] By looping the JSON array in steps 3, 4 and 5, you can obtain coherent shipping entity data and shipping event data, and then simulate the movement trajectory of the shipping entity and the timing of the shipping event.

[0071] In one embodiment, the video recording and sharing function is as follows: Figure 5 As shown in the figure, select the "Automatically record screen" radio button, and the start recording and end recording buttons will be displayed. Figure 7 shown.

[0072] Click the Start Recording button, then click the Start Playing button in the track playback module. After the track playback is finished, click the End Recording button to save the process of Leaflet electronic chart playing shipping events as a video file in MP4 format and automatically download it to the local computer for storage and sharing.

[0073] The above is only a preferred embodiment of the present invention. It should be understood that the present invention is not limited to the form disclosed herein, and should not be regarded as excluding other embodiments, but can be used in various other combinations, modifications and environments, and can be modified within the scope of the concept described herein through the above teachings or the technology or knowledge of the relevant field. The changes and modifications made by those skilled in the art shall not deviate from the spirit and scope of the present invention, and shall be within the scope of protection of the claims attached to the present invention.

Claims

1. A shipping event visualization method based on Leaflet map, characterized in that: The following steps are involved: Step 1: Use a database to store shipping entity data and shipping event data; Step 2: Use the network interface to obtain the shipping subject data and shipping event data stored in the database; Step 3: Based on the shipping subject data and shipping event data, the shipping event visualization is realized in the web browser based on the Leaflet map technology; the track playback module includes a track drawing module and a time control module; the track drawing module draws the track information and displays the ship name, ship type, and bow direction information in the Leaflet electronic chart by traversing the shipping subject data JSON array, including the basic information and longitude and latitude data of the ship body within a period of time; the time control module can modify the current subscript when traversing the shipping subject data JSON array by dragging and dropping, simulating the position of the ship at any time; Step 4: Add users to add shipping subject data and shipping event data at any time; Step 5: The shipping subject data and shipping event data obtained in step 2 are integrated with the shipping subject data and shipping event data added in step 4 to construct a unified JSON array format, and the shipping subject data at the same time point are taken as a whole and the shipping event data at the same time point are taken as a whole to form the integrated shipping subject data and shipping event data, and store them in the database through the network interface; Step 6: Use web-record to implement video recording function and provide download mechanism to store and share shipping events in the form of video; Step 7: Repeat steps 1 to 5 to achieve pipeline delivery of shipping events.

2. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The shipping subject data described in step 1 include: basic information, longitude and latitude of the ship shipping subject within a period of time, and typhoon subject data; the typhoon subject data include name, wind speed, wind direction, level 7 wind circle, and level 10 wind circle; the ship subject data includes name, mmsi, ship type, and bow direction; the basic information includes the subject unique identification, subject name, and subject icon.

3. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The shipping event data in step 1 includes event information added by business personnel at any time within the time range of the shipping subject data and at least one unique identifier of the shipping subject data associated with the event.

4. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The shipping event data includes event information type and shipping subject data associated with the event information.

5. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The network interface in step 2 refers to returning the shipping subject data and shipping event data stored in the database in step 1 in the format of a JSON array.

6. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: Adding shipping subject data and shipping event data in step 4 refers to adding shipping subject data and shipping event data related to one's own business at any time in combination with the time control module when drawing the trajectory.

7. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: Step 4: Add shipping entity data and shipping event data as follows: S41: In the process of drawing the navigation trajectory of the ship body by the trajectory drawing module, the time is frozen at a specific time through the time control module, and then the ship, port, and typhoon shipping entity are searched in the input box, and the basic information and longitude and latitude of the ship are input at a specific time point. S42: After adding the shipping subject data, add a shipping event data through the input box to associate the shipping subject; S43: Using the track playback module, while drawing the track of ship 1, draw the track of the associated ships, use the leaflet electronic chart to automatically connect the ship and the management ship with a dotted line, and mark the relative distance between the two ships. At the same time, the basic information of ship 1 and the relative distance between the two ships are displayed in real time above the leaflet electronic chart.

8. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The JSON array stores the shipping subject data and the shipping event data in chronological order in the order of the array subscripts. By looping the JSON array during steps 3, 4, and 5, the coherent shipping subject data and shipping event data can be obtained, thereby simulating the movement trajectory of the shipping subject and the timing of the shipping event.

9. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The video recording and sharing described in step 6 refers to implementing the video recording function using a web browser in the shipping event visualization described in step 3 through web-record technology.

10. A method for visualizing shipping events based on a Leaflet map according to claim 1, characterized in that: The video recording function can customize the start and end of recording, and after recording is completed, the video can be downloaded for storage and sharing.

Images