Method, system, device and medium for visualizing geographic information network topology data

Abstract

The present application relates to a kind of geographic information network topology data visualization method, system, equipment and medium, comprising: using mapping engine to the geographic information non-topology data of acquisition is visualized, obtains non-topology data view;Geographic information topology data of acquisition is converted to coordinates, using the attribute information of geographic information topology data, using topology mapping engine to the geographic information topology data is visualized, obtains topology data view;If new geographic topology point or geographic topology line data is added, then draw new geographic topology point data and new geographic topology line data on topology data view, and the zooming and roaming synchronization of updated topology data view and non-topology data view;If a topology point is moved on topology data view, then based on the position of the topology point data, topology data view and non-topology data view are updated.The present application can be widely applied to geographic information and its geographic information application field.

Description

Technical Field

[0001] This invention relates to the field of geographic information and its applications, specifically to a method, system, device, and medium for visualizing geographic information network topology data based on leaflet and vis-network. Background Technology

[0002] More than 80% of the information generated by human activities is related to geographic location. Therefore, geographic information technology plays an important role in all sectors of human activities.

[0003] For visualizing ordinary geographic information data, such as imagery and vector data, many map engines are available, especially the popular Leaflet engine, which is well-known for its small size, lightweight design, and ease of use. However, in real life, data from various industries cannot all be abstracted into simple points, lines, or polygons; it may also be topological data, meaning that the data are not isolated but focus on relative positional relationships rather than specific locational relationships, such as network topology data. Many researchers are currently working on visualizing this type of network topology data, such as the popular vis-network. However, both of these visualization methods have problems when dealing with geographic information network topology data:

[0004] 1. Existing map rendering engines such as Leaflet cannot render network topology data; they can only be used as ordinary point data, line data, i.e., non-geographic information topology data.

[0005] 2. Existing network topology rendering engines such as vis-network can render network topology data, but they do not have geographic information data; they can only better represent relative positional relationships. Summary of the Invention

[0006] To address the aforementioned problems, the purpose of this invention is to provide a method, system, device, and medium for visualizing geographic information network topology data based on leaflet and vis-network. This overcomes the limitation that existing B / S architecture map engines can only visualize non-topological geographic information data, allowing visualization of geographic information topology data and enabling various spatial data operations just like non-topological data.

[0007] To achieve the above objectives, the present invention adopts the following technical solution:

[0008] In a first aspect, the present invention provides a method for visualizing geographic information network topology data, comprising the following steps:

[0009] A map rendering engine is used to visualize the acquired non-topological geographic information data, resulting in a non-topological data view.

[0010] The acquired existing geographic information topology data is converted into DOM coordinate data based on latitude and longitude coordinates. Using the attribute information of the geographic information topology data, a topology drawing engine is used to visualize the geographic information topology data to obtain a topology data view.

[0011] Determine the operation type:

[0012] To add new geographic topology points or geographic topology lines, the new geographic topology points and lines are plotted on the topology data view. The updated topology data view is then scaled and panned in sync with the non-topology data view to obtain a visual view of the geographic information network topology data.

[0013] To move a topology point in the topology data view, the topology data view and non-topology data view are updated based on the location of that topology point data to obtain a visual view of the geographic information network topology data.

[0014] Furthermore, the visualization of the acquired non-topological geographic information data using a map rendering engine to obtain a non-topological data view includes:

[0015] Retrieve non-topological geographic information data from the backend server;

[0016] Initialize the acquired geographic information non-topological data, including selecting the geographic coordinate system, setting the zoom level, and map view information;

[0017] A map rendering engine is used to visualize the initialized non-topological geographic information data, resulting in a non-topological data view.

[0018] Furthermore, the process of converting the acquired existing geographic information topology data into DOM coordinate data based on latitude and longitude coordinates, and then using the attribute information of the geographic information topology data to visualize the geographic information topology data using a topology drawing engine to obtain a topology data view includes:

[0019] Obtain existing geographic information topology data from the backend server, including topology point spatial data, topology edge data, topology point attribute data, and topology edge attribute data;

[0020] The acquired topological point spatial data is converted into DOM coordinate data based on latitude and longitude coordinates;

[0021] Based on topological point attribute data and topological edge attribute data, the topological data rendering engine visualizes existing geographic information topological data based on DOM coordinate data.

[0022] Furthermore, the step of drawing newly added geographic topology point data and newly added geographic topology line data on the topology data view, and synchronizing the scaling and roaming of the updated topology data view with the non-topology data view to obtain a visualized view of the geographic information network topology data includes:

[0023] Draw the newly added geographic topology point data and the newly added geographic topology line data on the topology data view to obtain the updated topology data view;

[0024] The updated topology data view and non-topology data view are scaled and roamed in sync to obtain a visual view of the geographic information network topology data.

[0025] Furthermore, the step of drawing newly added geographic topology point data and newly added geographic topology line data on the topology data view to obtain an updated topology data view includes:

[0026] The DOM coordinates of newly added geographic topology point data are converted into geographic coordinate data, and the geographic coordinate data of newly added geographic topology point data is physically saved so that when the topology point data is dragged, it is guaranteed to correspond to the position of the non-topology data drawn by leaflet. Then, the topology data drawing engine is used to visualize the data based on the DOM coordinate data of the newly added geographic topology point data.

[0027] Click to add the start and end points of the new geographic topology line data, and use the topology data drawing engine to visualize the data based on the DOM coordinates of the new geographic topology line data start and end points, resulting in an updated topology data view.

[0028] Furthermore, the method for scaling and roaming synchronization between the updated topology data view and the non-topology data view includes:

[0029] Enable the physics mode of the topology rendering engine and disable its view movement;

[0030] Perform zoom or roaming synchronization for non-topological data views, and reconvert the geographic coordinates of the non-topological data to DOM coordinates;

[0031] Redraw the topology data view based on the transformed DOM coordinates.

[0032] Furthermore, after updating the topology data view and non-topology data view based on the location of the topology point data, a visualized view of the geographic information network topology data is obtained, including:

[0033] Enable the physics mode of the topology rendering engine and disable its view movement;

[0034] After determining the topology point data to be dragged, disable dragging in non-topology data views, drag the topology point data, and when the mouse is released, the position of the topology point in the DOM of the topology data view will be used as the topology view position of the topology point.

[0035] Perform a coordinate transformation on the topological point data to determine its spatial location as the topological point's geographical location;

[0036] Use a topology rendering engine to draw topology data;

[0037] Restore non-topological data view dragging.

[0038] Secondly, the present invention provides a visualization system for geographic information network topology data, comprising:

[0039] The non-topological data visualization module is used to visualize the acquired geographic information non-topological data using a map engine, resulting in a non-topological data view.

[0040] The topology data visualization module is used to convert existing geographic information topology data into DOM coordinate data based on latitude and longitude coordinates. It then uses the attribute information of the geographic information topology data and employs a topology drawing engine to visualize the geographic information topology data, resulting in a topology data view.

[0041] The topology data update module is used to draw newly added geographic topology point data and newly added geographic topology line data on the topology data view, and to scale and roam synchronously with the updated topology data view and the non-topology data view to obtain a visual view of the geographic information network topology data.

[0042] The topology data movement module is used to move a topology point on the topology data view. After updating the topology data view and non-topology data view based on the position of the topology point data, a visual view of the geographic information network topology data is obtained.

[0043] Thirdly, the present invention provides a processing device, the processing device including at least a processor and a memory, the memory storing a computer program, and the processor executing the steps of a method for visualizing the geographic information network topology data when running the computer program.

[0044] Fourthly, the present invention provides a computer storage medium storing computer-readable instructions thereon, which can be executed by a processor to implement the steps of the method for visualizing geographic information network topology data.

[0045] This invention, by adopting the above technical solutions, has the following advantages: It proposes a visualization method for topological data based on Leaflet and Vis-Network. By utilizing Vis-Network, it overcomes the limitation of Leaflet in only displaying non-topological data of geographic information; conversely, it overcomes the limitation of Vis-Network in only displaying ordinary network topological data. By combining Leaflet and Vis-Network, it achieves synchronous visualization of geographic information network topological data and geographic information non-topological data, adaptable to most application scenarios and with a wide range of applications. Therefore, this invention can be widely applied in the fields of geographic information and its applications. Attached Figure Description

[0046] Various other advantages and benefits will become apparent to those skilled in the art upon reading the following detailed description of preferred embodiments. The accompanying drawings are for illustrative purposes only and are not intended to limit the invention. Throughout the drawings, the same reference numerals denote the same parts. In the drawings:

[0047] Figure 1 This is a flowchart of a method for visualizing geographic information network topology data based on Leaflet and vis-network, provided in an embodiment of the present invention. Detailed Implementation

[0048] To make the objectives, technical solutions, and advantages of the embodiments of the present invention clearer, the technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of the present invention. All other embodiments obtained by those skilled in the art based on the described embodiments of the present invention are within the scope of protection of the present invention.

[0049] It should be noted that the terminology used herein is for the purpose of describing particular embodiments only and is not intended to limit the exemplary embodiments according to this application. As used herein, the singular form is intended to include the plural form as well, unless the context clearly indicates otherwise. Furthermore, it should be understood that when the terms "comprising" and / or "including" are used in this specification, they indicate the presence of features, steps, operations, devices, components, and / or combinations thereof.

[0050] First, it should be noted that the two software programs used in this invention are: Leaflet, an open-source JavaScript library for interactive maps designed for mobile devices; and vis-network, a component of the open-source vis.js visualization library. It is primarily used for network visualization needs and supports custom shapes, styles, colors, sizes, images, etc.

[0051] In some embodiments of the present invention, a method for visualizing geographic information network topology data is provided. By utilizing vis-network, the limitation of leaflet in only displaying non-topology data of geographic information is overcome, and by utilizing leaflet, the limitation of vis-network in only displaying ordinary network topology data is overcome. By combining leaflet and vis-network, synchronous visualization of geographic information network topology data and geographic information non-topology data is achieved.

[0052] Correspondingly, in other embodiments of the present invention, a visualization system, device, and storage medium for geographic information network topology data are provided.

[0053] Example 1

[0054] like Figure 1 As shown in the figure, this embodiment provides a method for visualizing geographic information network topology data, which includes the following steps:

[0055] S1. Use a map drawing engine to visualize the acquired non-topological geographic information data to obtain a non-topological data view;

[0056] S2. Convert the acquired existing geographic information topology data into DOM coordinate data based on latitude and longitude coordinates. Utilize the attribute information of the geographic information topology data and use a topology drawing engine to visualize the geographic information topology data to obtain a topology data view.

[0057] S3. If you need to add new geographic topology points or geographic topology line data, proceed to step S4. If you need to move a certain topology point data in the topology data view, proceed to step S5.

[0058] S4. Draw the newly added geographic topology point data and the newly added geographic topology line data on the topology data view, and scale and roam synchronously with the updated topology data view and the non-topology data view in step S1 to obtain a visual view of the geographic information network topology data.

[0059] S5. Move a topology point on the topology data view, and update the topology data view and non-topology data view based on the position of the topology point data to obtain a visual view of the geographic information network topology data.

[0060] As a preferred embodiment, step S1 above can be implemented through the following steps:

[0061] S11. Obtain non-topological geographic information data from the backend server, including base maps or other non-topological data, such as simple feature vector data, image data, etc.

[0062] S12. Initialize the acquired non-topological geographic information data, including selecting the geographic coordinate system, setting the zoom level, map view, and other information.

[0063] S13. Use a map drawing engine to visualize the initialized non-topological geographic information data to obtain a non-topological data view.

[0064] Preferably, in step S1 above, the map drawing engine uses leaflet.

[0065] As a preferred embodiment, step S2 above can be implemented through the following steps:

[0066] S21. Obtain existing geographic information topology data from the backend server, including topology point spatial data (i.e., geographic coordinate data), topology edge data, topology point attribute data, and topology edge attribute data.

[0067] S22. Convert the acquired topological point spatial data into DOM coordinate data based on latitude and longitude coordinates;

[0068] S23. Based on topological point attribute data and topological edge attribute data, the topological data drawing engine visualizes existing geographic information topological data based on DOM coordinate data.

[0069] Preferably, the topology data rendering engine can be vis-network.

[0070] As a preferred embodiment, step S4 above can be implemented through the following steps:

[0071] S41. Draw the newly added geographic topology point data: Convert the DOM coordinates of the newly added geographic topology point data into geographic coordinate data, and physically save the geographic coordinate data of the newly added geographic topology point data so that when the topology point data is dragged, it can be guaranteed to correspond to the position of the non-topology data drawn by leaflet. Then, the topology data drawing engine is used to visualize the data based on the DOM coordinate data of the newly added geographic topology point data.

[0072] S42. Draw the newly added geographic topology line data: Click the start and end points of the newly added geographic topology line data, and use the topology data drawing engine to visualize the data based on the DOM coordinates of the start and end points of the newly added geographic topology line data.

[0073] S43. The updated topology data view is scaled and roamed in sync with the non-topology data view in step S100 to obtain a visualized view of the geographic information network topology data.

[0074] As a preferred embodiment, in step S41 above, the newly added geographic topology point data is drawn. Since the geographic topology point data has spatial information, when drawing, the geographic coordinate data representing spatial information needs to be converted into DOM coordinate information to draw the topology points. The spatial information of the newly added geographic topology point is based on the location of the clicked position of the geographic information non-topology data engine, i.e., leaflet, and the topology data drawing engine vis-network is used for drawing and display.

[0075] In a preferred embodiment, in step S42 above, new geographic topology data is drawn. Since topology data focuses on the relative relationship of locations, the generation of topology lines is determined by topology points. Clicking the start and end points of the topology line data selects the nodes for generating the topology line, that is, a connection is established between the two points. Therefore, when it is decided to draw topology line data, the first selected topology point is taken as the start point of the topology line, the second selected topology point is taken as the end point of the topology line, and vis-network is used for drawing and display.

[0076] As a preferred embodiment, the method for synchronizing the scaling and roaming of the updated topology data view with the non-topology data view in step S43 above can be implemented through the following steps:

[0077] S431. Enable the physical mode of the topology rendering engine vis-network and disable its view movement;

[0078] S432. Perform zoom or roaming synchronization of non-topological data view, and reconvert the geographic coordinates of the non-topological data into DOM coordinates.

[0079] S433. Redraw the topology data view based on the transformed DOM coordinates.

[0080] As a preferred embodiment, in step S5 above, dragging the topology point data to update the position of the topology points can be achieved through the following steps:

[0081] S51. Enable physical mode for vis-network and disable its view movement;

[0082] S52. After determining the topology point data to be dragged, disable dragging in non-topology data views. When the selected topology point data is dragged and the mouse is released, the position of the topology point in the DOM of the topology data view is used as the position of the topology view of the topology point.

[0083] S53. Perform a coordinate transformation on the topological point data to determine its spatial location as the topological point's geographical location.

[0084] S54. Use vis-network to draw topology data;

[0085] S55, Restore non-topological data view dragging.

[0086] Example 2

[0087] The above-described embodiment 1 provides a method for visualizing geographic information network topology data. Correspondingly, this embodiment provides a system for visualizing geographic information network topology data. The system provided in this embodiment can implement the method for visualizing geographic information network topology data of embodiment 1. The system can be implemented through software, hardware, or a combination of both. For example, the system may include integrated or separate functional modules or units to execute the corresponding steps in the methods of embodiment 1. Since the system in this embodiment is basically similar to the method embodiment, the description process in this embodiment is relatively simple. For relevant details, please refer to the description of embodiment 1. The system embodiment provided in this embodiment is merely illustrative.

[0088] This embodiment provides a visualization system for geographic information network topology data, including:

[0089] The non-topological data visualization module is used to visualize the acquired geographic information non-topological data using a map engine, resulting in a non-topological data view.

[0090] The topology data visualization module is used to convert existing geographic information topology data into DOM coordinate data based on latitude and longitude coordinates. It then uses the attribute information of the geographic information topology data and employs a topology drawing engine to visualize the geographic information topology data, resulting in a topology data view.

[0091] The topology data update module is used to draw newly added geographic topology point data and newly added geographic topology line data on the topology data view, and to scale and roam synchronously with the non-topology data view after the update, so as to obtain a visual view of the geographic information network topology data.

[0092] The topology data movement module is used to move a topology point on the topology data view. After updating the topology data view and non-topology data view based on the position of the topology point data, a visual view of the geographic information network topology data is obtained.

[0093] Example 3

[0094] This embodiment provides a processing device corresponding to the visualization method of geographic information network topology data provided in Embodiment 1. The processing device can be a processing device for a client, such as a mobile phone, laptop, tablet computer, desktop computer, etc., to execute the method of Embodiment 1.

[0095] The processing device includes a processor, a memory, a communication interface, and a bus. The processor, memory, and communication interface are connected via the bus to enable communication between them. The memory stores a computer program that can run on the processor. When the processor runs the computer program, it executes the visualization method for geographic information network topology data provided in Embodiment 1.

[0096] In some embodiments, the memory may be high-speed random access memory (RAM), and may also include non-volatile memory, such as at least one disk storage device.

[0097] In other embodiments, the processor can be a general-purpose processor of various types, such as a central processing unit (CPU) or a digital signal processor (DSP), and is not limited thereto.

[0098] Example 4

[0099] The visualization method for geographic information network topology data in Embodiment 1 can be specifically implemented as a computer program product. The computer program product may include a computer-readable storage medium on which computer-readable program instructions for executing the visualization method for geographic information network topology data described in Embodiment 1 are loaded.

[0100] A computer-readable storage medium can be a tangible device that holds and stores instructions for use by an instruction execution device. A computer-readable storage medium can be, for example, but not limited to, an electrical storage device, a magnetic storage device, an optical storage device, an electromagnetic storage device, a semiconductor storage device, or any combination thereof.

[0101] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method for visualizing geographic information network topology data, characterized by, The method comprises the following steps: The obtained geographic information non-topological data is visualized by using a mapping engine to obtain a non-topological data view; The obtained existing geographic information topological data is converted into DOM coordinate data according to latitude and longitude coordinates, and the attribute information of the geographic information topological data is used to visualize the geographic information topological data by using a topological mapping engine to obtain a topological data view; The operation type is determined: If a geographic topological point or a geographic topological line data is to be added, the added geographic topological point data and the added geographic topological line data are drawn on the topological data view, and the zooming and roaming of the updated topological data view and the non-topological data view are synchronized to obtain a visual view of the geographic information network topological data; If a topological point on the topological data view is to be moved, the topological data view and the non-topological data view are updated based on the position of the topological point data to obtain a visual view of the geographic information network topological data; The added geographic topological point data and the added geographic topological line data are drawn on the topological data view to obtain the updated topological data view, and the zooming and roaming of the updated topological data view and the non-topological data view are synchronized to obtain a visual view of the geographic information network topological data, which comprises: The added geographic topological point data and the added geographic topological line data are drawn on the topological data view to obtain the updated topological data view; The zooming and roaming of the updated topological data view and the non-topological data view are synchronized to obtain a visual view of the geographic information network topological data; The added geographic topological point data and the added geographic topological line data are drawn on the topological data view to obtain the updated topological data view, which comprises: The DOM coordinates of the added geographic topological point data are converted into geographic coordinate data, and the geographic coordinate data of the added geographic topological point data are physically saved, so that when the topological point data is dragged, the position of the topological point data corresponds to the non-topological data drawn by leaflet, and then the topological data drawing engine is used to visualize the added geographic topological point data according to the DOM coordinate data of the added geographic topological point data; The starting point and the ending point of the added geographic topological line data are clicked, and the topological data drawing engine is used to visualize the added geographic topological line data according to the DOM coordinate data corresponding to the starting point and the ending point of the added geographic topological line data to obtain the updated topological data view.

2. The method of visualizing geographic information network topology data of claim 1, wherein, The obtained geographic information non-topological data is visualized by using a mapping engine to obtain a non-topological data view, which comprises: The geographic information non-topological data is obtained from a backend server; The obtained geographic information non-topological data is initialized, including selecting a geographic coordinate system, setting a zoom level, and setting map perspective information; The initialized geographic information non-topological data is visualized by using a mapping engine to obtain a non-topological data view.

3. The method of visualizing geographic information network topology data of claim 1, wherein, The obtained existing geographic information topological data is converted into DOM coordinate data according to latitude and longitude coordinates, and the attribute information of the geographic information topological data is used to visualize the geographic information topological data by using a topological mapping engine to obtain a topological data view, which comprises: Obtain existing geographic information topology data from a backend server, including topology point spatial data, topology edge data, topology point attribute data and topology edge attribute data; Convert the obtained topology point spatial data into DOM coordinate data according to longitude and latitude coordinates; Based on the topology point attribute data and the topology edge attribute data, the topology data drawing engine draws the existing geographic information topology data based on the DOM coordinate data.

4. The method of visualizing geographic information network topology data of claim 1, wherein, The method for synchronizing the zooming and roaming of the updated topology data view and the non-topology data view, comprising: Start the physical mode of the topology drawing engine and disable the view movement thereof; Synchronize the zooming or roaming of the non-topology data view and convert the geographic coordinates of the non-topology data into DOM coordinates again; Redraw the topology data view based on the converted DOM coordinates.

5. The method of visualizing geographic information network topology data of claim 1, wherein, After updating the topology data view and the non-topology data view based on the position of the topology point data, the visualization view of the geographic information network topology data is obtained, comprising: Start the physical mode of the topology drawing engine and disable the view movement thereof; After determining the topology point data to be dragged, disable the dragging of the non-topology data view, drag the topology point data, and release the mouse, then take the position of the topology point in the DOM of the topology data view as the topology view position of the topology point; Convert the spatial position coordinates of the topology point data into the spatial geographic position of the topology point; Draw the topology data by using the topology drawing engine; Restore the dragging of the non-topology data view.

6. A system for visualizing geographic information network topology data, characterized by Comprise: A non-topology data visualization module for visualizing the obtained geographic information non-topology data by using a map engine to obtain a non-topology data view; A topology data visualization module for converting the obtained existing geographic information topology data into DOM coordinate data according to longitude and latitude coordinates, using the attribute information of the geographic information topology data, and visualizing the geographic information topology data by using a topology drawing engine to obtain a topology data view; A topology data updating module for drawing new geographic topology point data and new geographic topology line data on the topology data view, and synchronizing the zooming and roaming of the updated topology data view and the non-topology data view to obtain a visualization view of the geographic information network topology data; A topology data movement module for moving a certain topology point on the topology data view, and updating the topology data view and the non-topology data view based on the position of the topology point data to obtain a visualization view of the geographic information network topology data; The method for drawing new geographic topology point data and new geographic topology line data on the topology data view, and synchronizing the zooming and roaming of the updated topology data view and the non-topology data view to obtain a visualization view of the geographic information network topology data, comprising: Draw new geographic topology point data and new geographic topology line data on the topology data view to obtain an updated topology data view; Synchronize the zooming and roaming of the updated topology data view and the non-topology data view to obtain a visualization view of the geographic information network topology data; The drawing of the new geographic topology point data and the new geographic topology line data on the topology data view obtains an updated topology data view, and the method comprises the following steps of: Converting the DOM coordinate data of the new geographic topology point data into geographic coordinate data, and physically saving the geographic coordinate data of the new geographic topology point data, so as to ensure that the topology point data corresponds to the non-topology data position drawn by the leaflet when the topology point data is dragged, and then visualizing and displaying the new geographic topology point data according to the DOM coordinate data of the new geographic topology point data by using a topology data drawing engine; Clicking the starting point and the ending point of the new geographic topology line data, and visualizing and displaying the new geographic topology line data according to the DOM coordinate data corresponding to the starting point and the ending point of the new geographic topology line data by using the topology data drawing engine, so as to obtain the updated topology data view.

7. A processing device comprising at least a processor and a memory having stored thereon a computer program, characterized in that, The processor executes the computer program to perform the steps of the visualization method of the geographic information network topology data according to any one of claims 1 to 5.

8. A computer storage medium, characterized in that The computer readable instructions stored thereon can be executed by the processor to perform the steps of the visualization method of the geographic information network topology data according to any one of claims 1 to 5.

Images