Method and system for drawing 3D topological graph through orthographic projection method, electronic equipment and storage medium

Abstract

The invention provides a method and system for drawing a 3D topological graph through an orthographic projection method, electronic equipment and a storage medium, and relates to the technical field of data visualization. The method comprises the following steps: firstly, automatically generating a two-dimensional top view according to network element information and a network element relationship of a CMDB module, and optimizing topology through one-key beautification or manual adjustment; the Z-axis height of the network element is modified, front-back and left-right view verification is switched, and the three-axis space position of the network element is adjusted; and finally, rendering the 3D icon, the height level and the three-dimensional connecting line dynamic effect, and generating an angle-adjustable 3D topological graph. According to the method, an orthographic projection method in engineering drawing is innovatively adopted, the 3D topological graph is efficiently constructed in a low-code mode, and the spatial position relation of each network element in the X-axis direction, the Y-axis direction and the Z-axis direction is accurately presented.

Description

Technical Field

[0001] This invention relates to the field of data visualization technology, and in particular to a method, system, electronic device, and storage medium for drawing 3D topology maps using orthographic projection. Background Technology

[0002] 3D topology maps provide operations and maintenance personnel with an intuitive and three-dimensional visualization of IT architecture, significantly improving operational efficiency and fault response speed. By dynamically rendering nodes and connections, it can clearly display multi-layered dependencies in complex environments (such as the physical machine-virtual machine-container-service hierarchy), helping operations and maintenance personnel quickly grasp the global resource distribution and status.

[0003] By transforming abstract configuration data into actionable visual cues, the probability of human error is significantly reduced. Simultaneously, it supports interactive operations such as rotation, zooming, and zoom-through viewing, facilitating in-depth analysis of the topological details of specific areas and shortening troubleshooting time.

[0004] Most existing 3D topology maps on the market do not support low-code generation via page dragging, dropping, or scrambling. If each page of 3D topology map requires front-end developers to code and generate it, it will consume a lot of manpower.

[0005] While most existing 3D topology diagrams present network element icons in 3D modeling and show the relative positions of network elements on the horizontal plane (X-axis, Y-axis), they cannot show the relative positions of network elements on the vertical plane (Z-axis). Summary of the Invention

[0006] Purpose of the invention: To propose a method, system, electronic device and storage medium for drawing 3D topology diagrams using orthographic projection. By using the orthographic projection method commonly used in engineering drawings, 3D topology diagrams can be drawn simply and efficiently in a low-code manner, and the spatial positional relationships (X-axis, Y-axis and Z-axis) between each network element can be presented.

[0007] To achieve the above objectives, this invention proposes a method for drawing 3D topological maps using orthographic projection, comprising the following steps: S1. Based on the network element location information and the relationships between network elements in the CMDB module, an initial two-dimensional topology diagram is automatically generated. The CMDB module contains a node table for network element information and a relation table for the relationships between network elements. The node table stores the network element name, two-dimensional icon, three-dimensional icon, and location information. The three-dimensional icon includes a three-dimensional icon model, length, width, and height. The location information includes X-axis, Y-axis, and Z-axis parameters. The relation table stores the connection relationships and display effects between network elements. The connection relationships include directed connections and undirected connections. The display effects include multiple sets of three-dimensional line models and dynamic effects. S2. Optimize and adjust the initial two-dimensional topology map to obtain the adjusted two-dimensional topology map; S3. Based on the adjusted two-dimensional topology diagram, modify the Z-axis height of each network element, and switch to the front and rear views and left and right views to verify and adjust the spatial position of the network elements; S4. Based on the verified and adjusted topology data, render and generate a 3D topology map.

[0008] As a preferred option, the specific process of automatically generating the initial two-dimensional topology map in step S1 is as follows: S1.1 Generate an XY axis canvas, wherein the length of the canvas is the difference between the maximum and minimum values ​​of the X-axis of all mesh elements, the width of the canvas is the difference between the maximum and minimum values ​​of the Y-axis of all mesh elements, and the X-axis and Y-axis positions of the mesh elements do not exceed the canvas range; S1.2. Plot points on the canvas according to the X-axis and Y-axis position information of the network elements, and then draw directed or undirected connection lines according to the connection relationship between the network elements to form a basic point-line topology diagram. S1.3. Combining the two-dimensional icon image information of the network element and the length and width of the three-dimensional icon, generate a two-dimensional icon with length and width dimensions, and use it to replace the points in the basic point and line topology diagram to obtain the initial two-dimensional topology diagram.

[0009] As a preferred option, the optimization and adjustment of the initial two-dimensional topology graph in step S2 includes: Adjust the canvas aspect ratio to 1:1, misalign overlapping icons, and shrink out-of-bounds icons to the canvas edge; and / or manually adjust the canvas size, drag the mesh element positions, and modify the connection relationships between mesh elements, saving each modification to the backend database.

[0010] As a preferred solution, the specific process of switching to the front and rear views and left and right views to verify and adjust the spatial position of network elements in step S3 is as follows: S3.1 Switch to the front and rear views, generate rectangular schematic network elements based on the length and height in the 3D network element icon, use solid lines to represent the visible outline of the network element that is not occluded, and use dashed lines to represent the invisible outline of the network element that is occluded between network elements, and verify and adjust the X-axis and Z-axis positions of the network elements. S3.2 Switch to the left and right views, generate rectangular schematic network elements based on the width and height in the 3D network element icon, use solid lines to represent the visible outline of the network element that is not occluded, and use dashed lines to represent the invisible outline of the network element that is occluded between network elements, and verify and adjust the Y-axis and Z-axis positions of the network elements. The connection lines between network elements are not displayed in the front and rear views and the left and right views.

[0011] As a preferred option, the specific process of rendering and generating the 3D topology map in step S4 is as follows: S4.1 Load the 3D icon model of each network element, and render the corresponding 3D icon according to the length, width and height configuration of the 3D icon, and replace the 2D icon in the 2D topology diagram. S4.2 Arrange the height hierarchy of network elements according to the Z-axis height configuration of each network element; S4.3 Render 3D lines and dynamic effects based on the configuration of the interconnection lines between network elements; S4.4 The user adjusts the 3D view's rendering angle and saves it to obtain the final 3D topology map.

[0012] Furthermore, this invention also proposes a system for drawing 3D topological maps using orthographic projection, the system comprising: The CMDB module is used to store various information about network elements and the relationships between them, providing data support for automatic topology generation. The 2D topology module is used to automatically calculate the canvas size and generate a 2D topology diagram based on the network element location information and connection relationships, providing a base for the 3D topology diagram; The drawing and presentation module is used to support dragging and dropping code to generate topology and to present topology effects in top view, front view, and left and right view. The 3D rendering module is used to render 3D icons, network element height positions, and three-dimensional dynamic effects of connecting lines based on a two-dimensional topology map, and supports adjusting the presentation angle of the 3D topology map. The caching module is used to cache the submission records during the topology map editing process, allowing users to revert to the corresponding version of the topology map.

[0013] As a preferred embodiment, the network element information in the CMDB module includes network element name, two-dimensional icon, three-dimensional icon and position information. The three-dimensional icon includes a three-dimensional icon model and length, width and height. The position information includes X-axis, Y-axis and Z-axis parameters. The relationships between network elements include directed connection relationships, undirected connection relationships and corresponding three-dimensional line models and dynamic display effects.

[0014] As a preferred embodiment, the canvas length generated by the two-dimensional topology module is the difference between the maximum and minimum values ​​of the X-axis of all network elements, and the canvas width is the difference between the maximum and minimum values ​​of the Y-axis of all network elements; The drawing and presentation module generates rectangular schematic mesh elements in the front and rear views based on the length and height of the 3D mesh element icons, and generates rectangular schematic mesh elements in the left and right views based on the width and height of the 3D mesh element icons. The connecting lines between mesh elements are not displayed in the front and rear views or the left and right views.

[0015] Furthermore, the present invention also proposes an electronic device comprising: a processor and a memory storing computer program instructions; wherein the processor, when executing the computer program instructions, implements the method disclosed above for drawing a 3D topology map using orthographic projection.

[0016] Furthermore, the present invention also proposes a computer-readable storage medium storing at least one executable instruction that, when executed on an electronic device, causes the electronic device to perform the method disclosed above for drawing a 3D topology map by orthographic projection.

[0017] Beneficial Effects: This invention innovatively employs orthographic projection, a method from engineering drawing, to efficiently construct 3D topology diagrams in a low-code manner, accurately presenting the spatial positional relationships of each network element along the X, Y, and Z axes. Its intuitive visualization design allows ordinary users to independently generate professional and aesthetically pleasing 3D topologies with only short-term training, significantly improving configuration efficiency. Simultaneously, this technology transforms data assets in the CMDB into a three-dimensional, interactive 3D view, significantly enhancing data readability and utilization, and helping enterprises manage and maintain IT infrastructure more efficiently. Attached Figure Description

[0018] Figure 1 This is a flowchart of the method of the present invention.

[0019] Figure 2 This is a system flowchart of the present invention. Detailed Implementation

[0020] In the following description, numerous specific details are set forth in order to provide a more thorough understanding of the invention. However, it will be apparent to those skilled in the art that the invention can be practiced without one or more of these details. In other instances, certain technical features well-known in the art have not been described in order to avoid obscuring the invention.

[0021] Before describing the embodiments, some specific terms that may appear in the following text will be explained.

[0022] Network element: A network element is a basic building block in a network architecture. It can be a hardware device, a software system, or a combination of both.

[0023] CMDB: Configuration Management Database is a logical database that contains information about the entire lifecycle of configuration items (network elements) and the relationships between configuration items (network elements) (including physical relationships, real-time communication relationships, non-real-time communication relationships, and dependencies).

[0024] Orthographic projection: Orthographic projection is a parallel projection method in which the projection lines are perpendicular to the projection plane. When the surface of an object is parallel to the projection plane, the projection reflects the true shape and size. Through the three-view system (horizontal plane, front plane, and side plane), orthographic projection follows the rules of "length aligned, height aligned, and width equal", accurately expressing the three-dimensional structure of the object. It is commonly used in engineering drawings.

[0025] 3D topology diagrams offer significantly better visual effects than ordinary 2D topology diagrams, allowing maintenance personnel to gain a more intuitive and comprehensive understanding of the network topology. However, efficiently, quickly, and flexibly creating 3D topology diagrams remains a significant challenge.

[0026] This invention utilizes the orthographic projection method commonly used in engineering drawings to draw 3D topology diagrams. It can generate 3D topology simply and efficiently using low-code methods, and present the spatial positional relationships (X-axis, Y-axis, Z-axis) between each network element.

[0027] To achieve the above objectives, the present invention provides the following technical solution: A method for drawing 3D topology maps using orthographic projection, with the following specific steps: Based on the network element location information and the relationships between network elements in the CMDB module, an initial two-dimensional topology map, i.e., a top view, is automatically generated.

[0028] ①The CMDB module stores network element information (node ​​table) and the relationships between network elements (relation table). ②In addition to storing the characteristic parameters of each network element, the node table also stores basic common parameters, which are: network element name, two-dimensional icon, three-dimensional icon (including three-dimensional icon model, length, width and height), and location information (X-axis, Y-axis, Z-axis). ③The relation table stores the connection relationships and display effects between network elements. The connection relationships support two expressions: directed connection (the connection has a clear direction, indicating an inclusion or belonging relationship) and undirected connection (a bidirectional peer relationship between nodes, the connection has no directionality, and the relationship is mutual). The display effects have multiple sets of three-dimensional line models and dynamic effects built in.

[0029] The steps to automatically generate a top view are as follows: ① Generate an XY-axis canvas. The automatically generated canvas size is calculated based on the network element position information of the topology map to be rendered. The canvas length is the maximum X-axis value minus the minimum X-axis value of all network elements, and the canvas width is the maximum Y-axis value minus the minimum Y-axis value of all network elements. The canvas size will limit the boundaries where network elements can be placed. The X-axis and Y-axis positions of network elements cannot exceed the canvas range (if the center of a network element is pressed on the edge of the canvas, the part of the icon that goes out of bounds will not be displayed after rendering). ② Based on the X-axis and Y-axis position information of the network elements, plot points on the canvas, and then draw directed or undirected connecting lines according to the connection relationship, thus generating a basic point-line topology diagram. ③ Based on the image information of the two-dimensional icon in the network element information and the length and width of the three-dimensional icon in the network element information, a two-dimensional icon with length and width is obtained. The points in step ② are replaced with two-dimensional icons with length and width, thus obtaining an automatically rendered two-dimensional topology map.

[0030] The automatically rendered 2D topology map may have issues such as inconsistent canvas aspect ratio, overlapping icon positions, and icons not displaying outside the canvas edge. You can click the one-click beautification function to adjust the canvas aspect ratio to 1:1 by default, automatically stagger overlapping icons, and automatically shrink icons outside the canvas edge.

[0031] Users can manually adjust the automatically generated 2D topology diagram, such as setting the canvas size, dragging the network element positions on the canvas, and modifying the connection relationships between network elements. Each submitted modification is saved in the backend database, making it convenient for users to roll back.

[0032] After the user has adjusted the 2D topology diagram, they can click on each network element and modify the Z-axis height in the properties. Once the Z-axis height is adjusted, they can switch views to view it.

[0033] Switch to the front, back, left, and right views to check if the position of each network element in the front and back views (X-axis, Z-axis) and the left and right views (Y-axis, Z-axis) needs to be adjusted.

[0034] ① Switching to the front and back views will generate rectangles to represent the network elements based on the length and height of each network element's 3D icon. The visible outlines of the network elements that are not obscured are represented by solid lines, while the invisible outlines of the network elements that are obscured by each other are represented by dashed lines.

[0035] In the front and rear views, it is mainly used to check and adjust the X-axis and Z-axis positions of the network elements to meet expectations.

[0036] ② Switching to the left and right views will generate rectangles to represent the network elements based on the width and height of each network element's 3D icon. The visible outlines of the network elements that are not obscured are represented by solid lines, while the invisible outlines of the network elements that are obscured by each other are represented by dashed lines.

[0037] The left and right views are mainly used to check and adjust the Y-axis and Z-axis positions of network elements to meet expectations.

[0038] ③ Switching to the four views (front, back, left, right) will not display the connecting lines between network elements. Each network element will generate a rectangle corresponding to its length, width, and height in the 3D icon. Complex 3D icon models are difficult to display in a 2D view. Using rectangles to indicate network elements can reduce the difficulty of technical development and the speed of front-end rendering. Moreover, the main purpose of this step is to adjust the relative position of the network elements on the Z-axis. Using rectangles to indicate the size of the network elements is sufficient and does not affect the functionality at all.

[0039] Once the 2D topology map (top view) and the four views (front, back, left, and right) are adjusted to meet the user's requirements, you can choose to render a 3D topology map.

[0040] ① First, load the 3D icon model of each network element, and render the corresponding 3D icon size according to the length, width and height of the network element's 3D icon configuration, and replace the 2D icon in the 2D topology diagram with the 3D icon; ② Based on the topology diagram from the previous step, arrange the network element heights according to the Z-axis height configuration of each network element; ③ Render 3D lines and dynamic effects based on the connection configuration between network elements; ④ After generating the 3D topology map, the user can adjust the 3D view's angle and save it to obtain the final 3D rendering.

[0041] The embodiments of the present invention will be described in further detail below with reference to the accompanying drawings.

[0042] See Figure 1 A method for drawing a 3D topology map using orthographic projection, comprising: Step S100: Based on the network element location information and the relationships between network elements in the CMDB module, an initial two-dimensional topology map, i.e., a top view, is automatically generated.

[0043] ①The CMDB module stores network element information (node ​​table) and the relationships between network elements (relation table). ②In addition to storing the characteristic parameters of each network element, the node table also stores basic common parameters, which are: network element name, two-dimensional icon, three-dimensional icon (including three-dimensional icon model, length, width and height), and location information (X-axis, Y-axis, Z-axis). ③The relation table stores the connection relationships and display effects between network elements. The connection relationships support two expressions: directed connection (the connection has a clear direction, indicating an inclusion or belonging relationship) and undirected connection (a bidirectional peer relationship between nodes, the connection has no directionality, and the relationship is mutual). The display effects have multiple sets of three-dimensional line models and dynamic effects built in.

[0044] The steps to automatically generate a top view are as follows: ① Generate an XY-axis canvas. The automatically generated canvas size is calculated based on the network element position information of the topology map to be rendered. The canvas length is the maximum X-axis value minus the minimum X-axis value of all network elements, and the canvas width is the maximum Y-axis value minus the minimum Y-axis value of all network elements. The canvas size will limit the boundaries where network elements can be placed. The X-axis and Y-axis positions of network elements cannot exceed the canvas range (if the center of a network element is pressed on the edge of the canvas, the part of the icon that goes out of bounds will not be displayed after rendering). ② Based on the X-axis and Y-axis position information of the network elements, plot points on the canvas, and then draw directed or undirected connecting lines according to the connection relationship, thus generating a basic point-line topology diagram. ③ Based on the image information of the two-dimensional icon in the network element information and the length and width of the three-dimensional icon in the network element information, a two-dimensional icon with length and width is obtained. The points in step ② are replaced with two-dimensional icons with length and width, thus obtaining an automatically rendered two-dimensional topology map.

[0045] Step S200: The automatically rendered 2D topology map may have issues such as inconsistent canvas aspect ratio, overlapping icon positions, and icons not displaying outside the canvas edge. You can click the one-click beautification function to adjust the canvas aspect ratio to 1:1 by default, automatically stagger overlapping icons, and automatically shrink icons outside the canvas edge.

[0046] Users can manually adjust the automatically generated 2D topology diagram, such as setting the canvas size, dragging the network element positions on the canvas, and modifying the connection relationships between network elements. Each submitted modification is saved in the backend database, making it convenient for users to roll back.

[0047] Step S300: After the user has adjusted the 2D topology diagram, they can click on each network element and modify the Z-axis height in the properties. Once the Z-axis height is adjusted, they can switch views to view it.

[0048] Step S400: Switch to the front, back, left, and right views to check if the position of each network element in the front and back views (X-axis, Z-axis) and the left and right views (Y-axis, Z-axis) needs to be adjusted.

[0049] ① Switching to the front and back views will generate rectangles to represent the network elements based on the length and height of each network element's 3D icon. The visible outlines of the network elements that are not obscured are represented by solid lines, while the invisible outlines of the network elements that are obscured by each other are represented by dashed lines.

[0050] In the front and rear views, it is mainly used to check and adjust the X-axis and Z-axis positions of the network elements to meet expectations.

[0051] ② Switching to the left and right views will generate rectangles to represent the network elements based on the width and height of each network element's 3D icon. The visible outlines of the network elements that are not obscured are represented by solid lines, while the invisible outlines of the network elements that are obscured by each other are represented by dashed lines.

[0052] The left and right views are mainly used to check and adjust the Y-axis and Z-axis positions of network elements to meet expectations.

[0053] ③ Switching to the four views (front, back, left, right) will not display the connecting lines between network elements. Each network element will generate a rectangle corresponding to its length, width, and height in the 3D icon. Complex 3D icon models are difficult to display in a 2D view. Using rectangles to indicate network elements can reduce the difficulty of technical development and the speed of front-end rendering. Moreover, the main purpose of this step is to adjust the relative position of the network elements on the Z-axis. Using rectangles to indicate the size of the network elements is sufficient and does not affect the functionality at all.

[0054] Step S500: Once the 2D topology map (top view) and the four views (front, back, left, and right) are adjusted to meet the user's requirements, you can choose to render a 3D topology map.

[0055] ① First, load the 3D icon model of each network element, and render the corresponding 3D icon size according to the length, width and height of the network element's 3D icon configuration, and replace the 2D icon in the 2D topology diagram with the 3D icon; ② Based on the topology diagram from the previous step, arrange the network element heights according to the Z-axis height configuration of each network element; ③ Render 3D lines and dynamic effects based on the connection configuration between network elements; ④ After generating the 3D topology map, the user can adjust the 3D view's angle and save it to obtain the final 3D rendering.

[0056] See Figure 2 As shown, a system for drawing 3D topology maps using orthographic projection is described. The system consists of a CMDB module, a 2D topology module, a drawing and presentation module, a 3D effect rendering module, and a caching module.

[0057] The CMDB module stores various information about network elements and the relationships between them, providing data support for automatic topology generation.

[0058] The 2D topology module automatically calculates the canvas size and automatically generates a 2D topology based on the network element location information and connection relationships, providing a base for the subsequent 3D topology diagram.

[0059] The drawing and rendering module supports dragging and dropping to generate topology, and presents the topology effect in top view, front, back, left and right views.

[0060] The 3D rendering module renders 3D icons, network element heights and positions, and dynamic 3D effects of connecting lines based on the 2D topology, and supports adjustment of the final 3D topology view's presentation angle.

[0061] The caching module caches commit records during the topology graph editing process, allowing users to easily select the corresponding commit record to revert to the previous version.

[0062] The logical ideas behind the methods disclosed in the above embodiments can be implemented, in whole or in part, through software, hardware, firmware, or any other combination thereof. When implemented in software, the above embodiments can be implemented, in whole or in part, in the form of a computer program product. The computer program product includes one or more computer instructions or computer programs.

[0063] When the computer instructions or computer program are loaded or executed on a computer, all or part of the processes or functions described in the embodiments of this application are generated. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more sets of available media. The available medium may be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium. A semiconductor medium may be a solid-state drive (SSD).

[0064] This invention is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the flowchart illustrations and / or block diagrams. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0065] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0066] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0067] As described above, although the invention has been shown and described with reference to specific preferred embodiments, it should not be construed as limiting the invention itself. Various changes in form and detail may be made without departing from the spirit and scope of the invention as defined in the appended claims.

Claims

1. A method of drawing a 3D topology map by orthographic projection, characterized in that, The method comprises the following steps: S1, according to the network element position information in the CMDB module and the relationship between each network element, automatically generate an initial two-dimensional topology map; the CMDB module has a node table of network element information and a relation table of the relationship between network elements; The node table saves the network element name, two-dimensional icon, three-dimensional icon, position information, the three-dimensional icon contains three-dimensional icon model, length, width and height size, and the position information contains X axis, Y axis and Z axis parameters; the relation table stores the connection relationship and display effect between network elements, the connection relationship includes directed connection and undirected connection, and the display effect includes multiple sets of three-dimensional line models and dynamic effects; S2, optimize and adjust the initial two-dimensional topology map to obtain an adjusted two-dimensional topology map; S3, based on the adjusted two-dimensional topology map, modify the Z-axis height of each network element, switch to front and rear views and left and right views to check and adjust the spatial position of the network element; S4, based on the checked and adjusted topology data, render a 3D topology map.

2. The method of claim 1, wherein, The specific process of automatically generating an initial two-dimensional topology map in step S1 is as follows: S1.1, generate an XY axis canvas, the length of the canvas is the difference between the maximum and minimum values of the X axis of all network elements, and the width of the canvas is the difference between the maximum and minimum values of the Y axis of all network elements, and the X axis and Y axis positions of the network elements do not exceed the canvas range; S1.2, according to the X axis and Y axis position information of the network elements, draw points on the canvas, and then draw directed connection lines or undirected connection lines according to the connection relationship between the network elements to form a basic point line topology map; S1.3, generate two-dimensional icons with length and width dimensions by combining the two-dimensional icon image information and the three-dimensional icon length and width size, and replace the point positions in the basic point line topology map with the two-dimensional icons to obtain an initial two-dimensional topology map.

3. The method of claim 1, wherein, The optimization and adjustment of the initial two-dimensional topology map in step S2 includes: Adjusting the canvas length-width ratio to 1:1, misplacing overlapping icons, and indenting out-of-bounds icons within the canvas edge range; and / or manually adjusting the canvas length and width, dragging the network element position, and modifying the connection relationship between network elements, and saving each modification to the backend database.

4. The method of claim 1, wherein, The specific process of checking and adjusting the spatial position of the network element by switching to front and rear views and left and right views in step S3 is as follows: S3.1, switch to front and rear views, generate a rectangular schematic network element according to the length and height in the three-dimensional icon of the network element, use solid lines to represent the visible contour line of the network element that is not blocked, use dashed lines to represent the invisible contour line of the network element that is blocked, and check and adjust the X axis and Z axis positions of the network element; S3.2, switch to left and right views, generate a rectangular schematic network element according to the width and height in the three-dimensional icon of the network element, use solid lines to represent the visible contour line of the network element that is not blocked, use dashed lines to represent the invisible contour line of the network element that is blocked, and check and adjust the Y axis and Z axis positions of the network element; In the front and rear views and the left and right views, the connection lines between the network elements are not displayed.

5. The method of claim 1, wherein, The specific process of rendering a 3D topology map in step S4 is as follows: S4.1, load the three-dimensional icon model of each network element, and render a 3D icon with corresponding size according to the length, width and height of the three-dimensional icon, and replace the two-dimensional icon in the two-dimensional topology map; S4.2, according to the Z-axis height configuration of each network element, arrange the height level of the network element; S4.3, according to the configuration of the connection line between the network elements, render three-dimensional lines and dynamic effects; S4.4, adjust the 3D view presentation angle by the user and save to get the final 3D topology map.

6. A system for rendering a 3D topology map by orthographic projection, characterized in that, Comprise: The CMDB module is used to store the information of each network element and the relationship between each network element, and provide data support for automatic topology generation; The two-dimensional topology module is used to automatically calculate the canvas size, and generate a two-dimensional topology map according to the network element position information and connection relationship, and provide a base for the 3D topology map; The drawing rendering module is used to support drag-and-drop low-code topology generation, and present the top view, front and rear view, and left and right view topology effect; The 3D effect rendering module is used to render 3D icons, network element height position and connection line three-dimensional dynamic effects based on the two-dimensional topology map, and support adjusting the presentation angle of the 3D topology map; The cache module is used to cache the submission record in the topology map editing process, so that the user can back to the corresponding version of the topology map.

7. The system for rendering a 3D topology map by orthographic projection method according to claim 6, wherein, The network element information in the CMDB module includes network element name, two-dimensional icon, three-dimensional icon and position information, the three-dimensional icon includes three-dimensional icon model and length-width-height size, and the position information includes X-axis, Y-axis and Z-axis parameters; The relationship between the network elements includes directed connection relationship, undirected connection relationship, and corresponding three-dimensional line model and dynamic display effect.

8. The system for rendering 3D topology map by orthographic projection method as claimed in claim 6 wherein, The canvas length generated by the two-dimensional topology module is the difference between the maximum and minimum values of the X-axis of all network elements, and the canvas width is the difference between the maximum and minimum values of the Y-axis of all network elements; The drawing rendering module generates a rectangular schematic network element in the front and rear view according to the length and height of the three-dimensional icon of the network element, and generates a rectangular schematic network element in the left and right view according to the width and height of the three-dimensional icon of the network element, and the connection line between the network elements is not displayed in the front and rear view and the left and right view.

9. An electronic device, comprising: The device comprises a processor and a memory storing computer program instructions; the processor executes the computer program instructions to realize the method for drawing a 3D topology map by orthographic projection method according to any one of claims 1 to 5.

10. A computer-readable storage medium, characterized in that, The storage medium stores at least one executable instruction, and the executable instruction runs on the electronic device to make the electronic device execute the method for drawing a 3D topology map by orthographic projection method according to any one of claims 1 to 5.

Images