CN113850993B - Signal channelized rendering method and system for traffic road intersection - Google Patents
Signal channelized rendering method and system for traffic road intersection Download PDFInfo
- Publication number
- CN113850993B CN113850993B CN202111057630.9A CN202111057630A CN113850993B CN 113850993 B CN113850993 B CN 113850993B CN 202111057630 A CN202111057630 A CN 202111057630A CN 113850993 B CN113850993 B CN 113850993B
- Authority
- CN
- China
- Prior art keywords
- intersection
- lane
- data
- identification
- channelized
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G08—SIGNALLING
- G08G—TRAFFIC CONTROL SYSTEMS
- G08G1/00—Traffic control systems for road vehicles
- G08G1/01—Detecting movement of traffic to be counted or controlled
- G08G1/0104—Measuring and analyzing of parameters relative to traffic conditions
- G08G1/0125—Traffic data processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
-
- G—PHYSICS
- G08—SIGNALLING
- G08G—TRAFFIC CONTROL SYSTEMS
- G08G1/00—Traffic control systems for road vehicles
- G08G1/01—Detecting movement of traffic to be counted or controlled
- G08G1/0104—Measuring and analyzing of parameters relative to traffic conditions
- G08G1/0125—Traffic data processing
- G08G1/0133—Traffic data processing for classifying traffic situation
-
- G—PHYSICS
- G08—SIGNALLING
- G08G—TRAFFIC CONTROL SYSTEMS
- G08G1/00—Traffic control systems for road vehicles
- G08G1/07—Controlling traffic signals
- G08G1/081—Plural intersections under common control
-
- G—PHYSICS
- G08—SIGNALLING
- G08G—TRAFFIC CONTROL SYSTEMS
- G08G1/00—Traffic control systems for road vehicles
- G08G1/09—Arrangements for giving variable traffic instructions
- G08G1/091—Traffic information broadcasting
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/50—Network services
- H04L67/55—Push-based network services
Abstract
The invention discloses a signal channelized rendering method and a signal channelized rendering system for a traffic road intersection, which belong to the technical field of traffic management and comprise the following steps: acquiring intersection data, wherein the intersection data comprises single intersection data, intersection codes and angle differences generated between intersections and the due north direction; generating a dom element layout according to the intersection data; laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction; generating zebra crossing marks of intersections in all directions according to the drawn width of the lane; and generating a plurality of intersection graphs by utilizing a rotation change effect in transform based on the lane data of the intersection in the single direction and the zebra crossing marks of the intersections in all directions, and finishing the display of the intersection canalization graph. The invention can modify the lane information in any direction of the intersection, such as modifying the number and the direction of the lanes, updates the interconnection information in real time, has strong operability and is a novel channelized display scheme integrating display operation.
Description
Technical Field
The invention relates to the technical field of traffic management, in particular to a signal channelizing rendering method and system for a traffic road intersection.
Background
The canalization chart of the traffic road intersection is the necessary data of various projects such as road construction, later maintenance, adjustment and the like. The material is also a basic material for researching and analyzing the current situation of roads, and carrying out traffic control, traffic signal adjustment and other works. The existing canalization diagrams are often the basic embodiment of some data and show the information state of some intersections during canalization planning.
It has the disadvantages that: firstly, the information change and maintenance of the canalization graph at the intersection of the traffic road are inconvenient, the maintenance is carried out by professional personnel, the cost is high, and the controllability and the operability are poor; secondly, the intersection traffic light display only can see the traffic light effect at the intersection, and the intersection traffic light display cannot be dynamically displayed through a canalization graph and has no visual effect; thirdly, the intersection auxiliary road information is imported and not marked, and the main road or the auxiliary road cannot be directly distinguished.
Disclosure of Invention
The invention aims to overcome the defects in the prior art and provides a signal channelized information display scheme with strong operability and good user experience effect.
In order to achieve the above object, in one aspect, the present invention provides a signal channelizing rendering method for a traffic road intersection, including:
acquiring intersection data, wherein the intersection data comprises single intersection data, intersection codes and angle differences generated between intersections and the due north direction;
generating a dom element layout according to the intersection data;
laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
generating zebra crossing marks of intersections in all directions according to the drawn width of the lane;
and based on the lane data of the intersection in the single direction and the zebra crossing marks of the intersections in all directions, generating a plurality of intersection graphs by using the rotation change effect in transform, and finishing the display of the intersection canalization graph.
Further, the dom element layout comprises a container element g and a div, the container element g is nested with a tag element for constituting the lane information, and the container element div is nested with a tag element for img and a-icon.
Furthermore, the lane data of the intersection in the single direction comprises green belt marks, intersection lower lane marks after deletion, intersection lower lane direction marks, intersection lower lane increasing marks, intersection main and auxiliary road merging separation marks, lane-to-lane separation marks, intersection lower entrance and exit lane yellow and solid line marks, zebra stripes, intersection lower entrance lane road names, intersection lower exit lane names, direction panels, direction panel triggered increasing marks and intersection lower red and green state marks.
Further, still include:
acquiring data operation information in a certain direction of the intersection, determining a dom data structure identifier corresponding to the direction of the intersection, and modifying the lane data in the direction of the intersection.
Further, the method also comprises the following steps:
and generating a corresponding intersection form according to the intersection channelized graph by using a form technology in html.
Further, still include:
and taking each text box generated by the intersection form as an entrance for modifying and inputting information, and modifying the intersection channelized graph display information.
On the other hand, a signal channelizing rendering system of a traffic road intersection is adopted, which comprises the following steps:
the data acquisition module is used for acquiring intersection data, wherein the intersection data comprises single intersection data, intersection codes and an angle difference generated between an intersection and the due north direction;
the layout module is used for generating a dom element layout according to the intersection data;
laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
the identification generation module is used for generating zebra crossing identifications of intersections in all directions according to the drawn width of the lane;
the channelized graph display module is used for generating a plurality of intersection graphs by utilizing a rotation change effect in transform based on lane data of intersections in a single direction and zebra crossing marks of intersections in all directions, and displaying intersection channelized graphs.
Further, the dom element layout comprises a container element g and a div, the container element g is nested with a label element for forming lane information, and the container element div is nested with an img label element and an a-icon label element;
the lane data of the intersection with the single direction comprises green belt identification, an icon of a lane under the intersection, lane direction identification under the intersection, an icon of an additional lane under the intersection, a separation identification of main and auxiliary roads under the intersection, a separation identification between the lanes, yellow and solid line identification of an entrance lane and an exit lane under the intersection, a zebra crossing, a road name of an entrance lane under the intersection, a lane name under the intersection, a direction panel, an increase identification triggered by the direction panel and a traffic state identification under the intersection.
And the information modification module is used for acquiring data operation information of the intersection in a certain direction, determining a dom data structure identifier corresponding to the intersection direction and modifying the lane data in the intersection direction.
Further, the intersection channel map generation module is used for generating a corresponding intersection form according to the intersection channel map by using a form technology in html;
correspondingly, the information modification module is used for modifying the intersection canalization graph display information by taking each text box generated by the intersection form as an entrance for modifying and inputting the information.
Compared with the prior art, the invention has the following technical effects: according to the invention, by accessing to the intersection information data of the Internet platform, the intersection data is generated into a pattern layout by comprehensive application under the comprehensive application of technical schemes such as svg, HTML, css, javaScript and the like, and a channelized graph is generated and displayed by analysis at a client. Besides a better experience effect, an operator can intuitively operate the increase and decrease symbol marks on the canalization of the intersection through a mouse, the quantity of each lane of the canalization of the intersection and the change of the lane direction are modified in real time, and the effect of maintaining the change of the intersection information is achieved. Meanwhile, by means of an internet platform, traffic light information pushed by a signal machine is acquired in real time, and traffic light signals of the current lane are dynamically displayed, so that signal regulating and controlling personnel can conveniently regulate and control the traffic light signals off site, and the traffic personnel can conveniently direct the traffic light state of the current lane to be visible, and the traffic personnel can conveniently direct the traffic light. And the access of the main road and the auxiliary road marks is beneficial to the urban planner and the integral control and the adjustment of the urban road flow inflow.
Drawings
The following detailed description of embodiments of the invention refers to the accompanying drawings in which:
FIG. 1 is a flow chart of a signal channelizing rendering method for a traffic road intersection;
FIG. 2 is a diagram showing the effect of signal channeling at an intersection;
FIG. 3 is a diagram showing the effect of signal channelizing maps of the same intersection in different forms, which is generated by comparison with FIG. 2;
FIG. 4 is a diagram showing the effect of the signal channelized chart generated by the comparison of FIG. 2 under different forms of the same intersection;
FIG. 5 is a diagram showing the effect of the signal channelized chart generated by the comparison of FIG. 2 under different forms of the same intersection;
FIG. 6 is a table effect display diagram of channelized information and corresponding intersections;
FIG. 7 is a diagram showing the effect of channelized information and corresponding intersection form;
FIG. 8 is a table effect display diagram of channelized information and corresponding intersections;
fig. 9 is a block diagram of a signal channelizing rendering system at a traffic road intersection.
In the figure:
1. the green belt identification 2, delete the current crossing lower lane icon 3, the current crossing lower lane direction identification 4, the current crossing lower lane increase icon 5, the current crossing lower main and auxiliary road merged separation identification 6, lane and lane separation identification (including the displayed dotted line and solid line, green is the auxiliary road merged annotation identification) 7, the current crossing lower entrance lane yellow solid line identification 8 zebra crossing 9, the current crossing lower entrance lane name 10, the current crossing lower exit lane name 11, the current crossing lower exit lane name panel 12, the current crossing lower exit lane name panel triggered increase identification 13, the current crossing under the traffic light state identification.
Detailed Description
To further illustrate the features of the present invention, refer to the following detailed description of the invention and the accompanying drawings. The drawings are for reference and illustration purposes only and are not intended to limit the scope of the present disclosure.
As shown in fig. 1, the present embodiment discloses a signal channelizing rendering method for a traffic road intersection, which includes the following steps S1 to S5:
s1, obtaining intersection data, wherein the intersection data comprises single intersection data, intersection codes and an angle difference generated between an intersection and the due north direction;
s2, generating a dom element layout according to the intersection data;
s3, laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
s4, generating zebra crossing marks of intersections in all directions according to the drawn width of the lane;
and S5, generating a plurality of intersection graphs by utilizing a rotation change effect in transform based on lane data of intersections in a single direction and zebra crossing marks of intersections in all directions, and finishing the display of intersection canalization graphs.
It should be noted that, in this embodiment, intersection data is obtained by an axios or ajax technology source in a manner of interface call under an internet http transport protocol or an https transport protocol, a data structure includes single intersection data, an intersection code, and an angle difference between an intersection and a due north direction, the single intersection data includes entrance and exit lane data under the intersection, and the entrance and exit lane data includes lane codes, i.e., lane id, lane width, lane number, lane direction identifier, lane longitude and latitude, and other basic information related to a lane.
As a more preferable embodiment, the step S2: and generating a dom element layout according to the intersection data, specifically completing the dom element layout by utilizing the comprehensive application of html, pug and svg open source api, wherein the dom element layout comprises a container element g and a div, the container element g is nested with a label element for forming lane information, and the container element div is nested with a label element for img and an a-icon label element.
It should be noted that the tag elements for constituting the road information include a line tag element line, a pattern application combination tag element defs, a circular tag element circle, a path tag element path, a polyline tag element polyline, a text tag element text, and a pseudo tag element marker.
As a further preferred technical solution, the step of laying out the dom elements at the client to analyze and generate lane data of the intersection in a single direction includes: the system comprises a green belt identification, a crossing lower lane icon, a crossing lower lane direction identification, a crossing lower lane addition icon, a main and auxiliary road fusion separation identification under a crossing, a lane-to-lane separation identification, a crossing lower inlet and outlet lane yellow-solid line identification, a zebra crossing, a crossing lower inlet lane road name, a crossing lower outlet lane name, a direction panel triggered addition identification and a crossing lower traffic state identification, wherein the direction panel displays each direction identification of a road and a panel control identification fork graph, and the direction panel is linked with the direction panel triggered addition identification.
It should be noted that, in the present embodiment, the intersection information display scheme is formed into the application effect as shown in fig. 2 to fig. 5 in a hierarchical nesting manner. The line is an application of a line in a graph, different linear display colors such as a solid line, a dotted line and a line are generated in the attribute of the line according to an actual scene of the application, the circle in the circle graph is applied, polyline is an application of identification of a separation line of an in-and-out lane, the display colors of the solid line, the dotted line and the line can also be generated, text is an application of text information, and defs is an element identification of a pattern application combination, such as a directional marking (a directional marking is formed by applying defs on the attribute of the line through a line generation line and forming a directional marking with a directional identification). g is a combined element group formed by the frame. If the direction mark exists, the direction mark is formed by nesting a line mark and a defs mark under the g element, and then an icon mark for adding the current lane and an icon mark for deleting the lane are generated by applying a circle mark and a path mark. And g, nesting the line to generate a separation line, and distinguishing the color identification of the separation line through national standard codes of the main and auxiliary trunk roads on the lane data and lane codes returned by the data to generate yellow or green identification green according to the file attribute yellow on the line after the distinction is obtained. And the green belt mark and the real yellow line mark are dynamically set under the combination of g and line marks according to the type of the lane data, besides the dynamic setting of the fill attribute, the stroke-width attribute control is added, different widths are dynamically generated, and the corresponding real yellow line and the green belt mark are generated according to the color and the width. g. the text label combination is to generate a name according to characters, the label combination of g, circle and path is to generate an added icon and a deleted icon, the combination of g and polyline generates a zebra crossing, the reference of the attribute of g, path and path to the defs attribute identification id generates the direction identification of each road on the lane, and the style attribute application on the attribute of g, path and path generates a gray highlight area.
In this embodiment, a source api is opened through pug, a technical scheme frame is generated by applying an svg technical tag, and a frame style is generated by a css technology, for example:
as a further preferred technical solution, a panel element whole is generated by a container div element, img and a-icon labels are nested in the panel element to generate a cross graph of each direction mark and panel control mark of a road on the panel, as follows:
as will be shown below, in the following,
div
img
a-icon
as a further preferred technical solution, in this embodiment, the traffic light group information is dynamically rendered through the change of the file attribute in the tag element circle:
as a more preferable embodiment, the step S5: the method comprises the steps of generating a plurality of crossing graphs by using a rotation change effect in transform based on lane data of crossings in a single direction and zebra crossing marks of the crossings in all directions, and completing displaying of crossing channelized graphs.
It should be noted that the multiple intersection graphics described in this embodiment include an intersection, a Y intersection, a T-shaped intersection, or an irregular intersection generated after rotation at different angles, in this embodiment, the intersection is taken as an example, and the other intersections are formed and distinguished in that the data angles are different and the data quantity in the direction of the intersection is different, for example, the intersection has four directions, four pieces of lane data for entrance and exit, the angles of the Y-type or T-type generation are different and the generated lane data for entrance and exit are different, the lane data for entrance and exit of the Y-type or T-type is three groups, and there is no essential difference in other intersections.
As a further preferable technical solution, after the generation of the canalization map, the present embodiment further includes:
acquiring data operation information in a certain direction of the intersection, determining a dom data structure identifier corresponding to the direction of the intersection, and modifying the lane data in the direction of the intersection.
It should be noted that, in this embodiment, by using javaScript open source api, applying technical events such as mouseDown, mouseUp, mousesoft, click, and the like, operation interaction on the nested framework is implemented, for example:
Test(index){
window.flag＝true；
let dom＝document.getElementById("test"+index)
dom.setAttributeNS(null,'style','user-select:none')
}
and the Test is applied to a certain operation event under the api open source api, and dynamically modifies or creates a style frame through the dynamic change of a variable flag value under the window or the acquisition of a dom element. The method comprises the steps of increasing the number of lanes, modifying the direction, changing the color identification of the separation line under different values, switching the shape of the separation line and the like.
In the actual information modification process, when a user clicks a lane in a certain direction, the browser monitors the data identification of the dom structure through javaScript, and after clicking, the data of an entrance lane and an exit lane under a screw in the direction are dynamically increased or deleted or the data of the direction of the entrance lane and the exit lane are modified according to the direction identification of the intersection, so that the modification of the certain intersection is achieved. The dom data structure identification is generated when intersection data are rotated and applied, for example, in the intersection of the scheme, the value of the true north direction identification dirType is 1, the east is 2, the south is 3 and the west is 4, so that when a user operates the intersection in a certain direction, such as the east direction intersection, the identification heard by javaScript is 2. And after the data operation, the dom re-renders in the browser according to the data change, and meanwhile, updates the data in the Internet.
As a further preferable technical solution, the present embodiment further includes:
and generating a corresponding intersection form according to the intersection channelized graph by using a form technology in html.
It should be noted that the modifiable road information on the channelized graph includes information on the number of roads and the direction of the roads, and a maintainer accesses the database information without an operation function or needs a special technician to modify the database information to perform maintenance when modifying other information.
In the embodiment, the corresponding intersection form effect is generated according to the channelized information by using the form technology in html through the synchronous channelized graph intersection data, and fig. 6 to 8 show the corresponding relationship display under different situations, wherein the channelized graph direction is north, the lower is south, the left west and the right is east, and the expansion of the information in fig. 7 and 8 is just the public indication of the channelized information in different directions by using the text description on the form on the left side. Each text box generated by the form is an entry for modifying and inputting information, and after the information is modified, the Internet data is communicated through a submit button and under the support of axios or ajax technology, so that the effect of synchronously modifying the data is achieved. The content of from form modification, such as the name or lane width, when the channelized basic information is modified, the channelized graph can make a change in response, the width change is the width of the channelized lane, the name change is the text change of the lane display, and when the channelized graph is operated, such as the lane modification or the lane selection (i.e. a gray highlight area in fig. 7 or fig. 8), the form also makes a response, so that the text content of a click area is correspondingly displayed, and the form has a two-way interaction effect, is simple to operate, convenient to use and convenient to maintain.
It should be noted that, in this embodiment, the corresponding channelized information is displayed and modified in a form nesting manner, and the specific implementation process is as follows:
the form frame is generated through the a-form-model, the folding panel is generated through the a-collapse-panel, and the form input box is generated through the a-input.
The intersection information is displayed in an interactive mode through the canalization graph and the form, and the introduction of the form information improves the problem that the existing canalization graph information display has no excessive display except that some important information is displayed in the form of the graph symbols. The method can display the channelized information of any road section of any intersection, including the longitude and latitude of the position of the lane, the lane width, the lane identification road section id (rid _ id) and the like. When an operator modifies the bottom information of the channelized graph, a value to be changed, such as the width after lane change, such as road segment id for newly incorporating a lane into a number, such as information of name after lane change and the like, is input into an input box of the form a-input label, and the operator submits data through a submit button after modification and updates the data to the internet end, so that real-time data sharing can be obtained. Meanwhile, when the modified road information or lane width and other information directly related to the channelized graph are modified, the road name or width and other information in the right channelized graph can be modified in a responsive manner after the form is modified, and the effect of real-time interaction of the form graph is achieved.
It should be noted that, due to the application of the svg technology, the graph drawn by the svg technology is a vector graph, and can be changed in a self-adaptive manner during the process of enlargement or reduction, and the icon identification can be enlarged or reduced without distortion, that is, the picture will not be blurred in display effect along with the enlargement or reduction of the resolution. Meanwhile, any dragging effect on the intersection canalization diagram is achieved through application of java script events, namely mouseDown, mouseUp and mousecover, and intersection canalization display and operation experience are enriched.
As shown in fig. 9, the embodiment further discloses a signal channelized rendering system for a traffic road intersection, which includes a data acquisition module 10, a layout module 20, an identifier generation module 30, and a channelized graph display module 40, wherein:
the data acquisition module 10 is configured to acquire intersection data, where the intersection data includes single intersection data, an intersection code, and an angle difference between an intersection and a due north direction;
the layout module 20 is used for generating a dom element layout according to the intersection data;
laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
the sign generation module 30 is configured to generate zebra crossing signs at intersections in each direction according to the drawn width of the lane;
the channelized graph display module 40 is configured to generate multiple intersection graphs by using a rotation change effect in transform based on lane data of intersections in a single direction and zebra crossing marks of intersections in various directions, so as to complete display of intersection channelized graphs.
Further, the dom element layout comprises a container element g and a div, the container element g is nested with a label element for forming lane information, and the container element div is nested with an img label element and an a-icon label element;
the lane data of the intersection in the single direction comprise green belt identification, intersection lower lane icon deletion, intersection lower lane direction identification, intersection lower lane adding icons, intersection main and auxiliary road merging separation identification, lane-to-lane separation identification, intersection lower entrance and exit lane yellow and solid line identification, zebra stripes, intersection lower entrance lane names, intersection lower exit lane names, direction panels, direction panel triggered adding identification and intersection red and green state identification.
Further, the system comprises an information modification module, which is used for acquiring data operation information in a certain direction of the intersection, determining a dom data structure identifier corresponding to the direction of the intersection, and modifying the lane data in the direction of the intersection.
Further, the intersection channel map generation module is used for generating a corresponding intersection form according to the intersection channel map by using a form technology in html;
correspondingly, the information modification module is used for modifying the intersection canalization graph display information by taking each text box generated by the intersection form as an entrance for modifying and inputting the information.
The system provided by the embodiment of the present invention is used for executing the above method embodiments, and for details of the process and the details, reference is made to the above embodiments, which are not described herein again.
The scheme of the embodiment has the following beneficial effects:
(1) The display form of canalization of different intersections and the operability of the intersection under canalization, such as dragging, zooming and real-time change of road information of each intersection, are convenient for traffic participants to enter waiting areas of different intersection direction sections in advance, the untimely lane change of the intersection is effectively corrected, the probability of traffic participation in the detour or the occurrence of running without a specified lane is avoided to a certain extent, the good propulsion of traffic order is facilitated, and the operability is strong; the traffic guidance system has the advantages that the traffic guidance system is updated in real time through different marking marks and traffic light marks, a high-efficiency and convenient observable visual effect is provided for traffic directors, and a novel canalization display scheme integrating display operation is provided.
(2) The method provides an entrance for the modification and display of detailed information of the channelized graph, so that the operator can conveniently input the bottom layer information of the channelized graph, and can see the change of the response graph in real time while inputting, thereby being more helpful for the operator to understand the data effectiveness. Greatly improves the efficiency and the cost of maintaining the channelized information of the intersection,
the above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (7)
1. A signal channelizing rendering method for a traffic road intersection is characterized by comprising the following steps:
acquiring intersection data, wherein the intersection data comprises single intersection data, intersection codes and an angle difference generated between an intersection and a due north direction;
generating a dom element layout according to the intersection data;
laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
generating zebra crossing marks of intersections in all directions according to the drawn width of the lane;
generating a plurality of intersection graphs by utilizing a rotation change effect in transform based on lane data of intersections in a single direction and zebra crossing marks of the intersections in each direction, and finishing the display of intersection canalization graphs;
the dom element layout comprises container elements g and div, wherein the container elements g are nested with label elements for forming lane information, and the container elements div are nested with label elements for img and a-icon;
the lane data of the intersection with the single direction comprises green belt identification, an icon of a lane under the intersection, lane direction identification under the intersection, an icon of an additional lane under the intersection, a separation identification of main and auxiliary roads under the intersection, a separation identification between the lanes, yellow and solid line identification of an entrance lane and an exit lane under the intersection, a zebra crossing, a road name of an entrance lane under the intersection, a lane name under the intersection, a direction panel, an increase identification triggered by the direction panel and a traffic state identification under the intersection.
2. The signal channelized rendering method of a traffic road intersection of claim 1, further comprising:
acquiring data operation information in a certain direction of the intersection, determining a dom data structure identifier corresponding to the direction of the intersection, and modifying the lane data in the direction of the intersection.
3. The signal channelized rendering method of a traffic road intersection according to claim 1 or 2, further comprising:
and generating a corresponding intersection form according to the intersection channelized graph by using a form technology in html.
4. The signal channelized rendering method of a traffic road intersection of claim 3, further comprising:
and taking each text box generated by the intersection form as an entrance for modifying and inputting information, and modifying the intersection channelized graph display information.
5. The utility model provides a traffic road crossing's signal canalization system of rendering up which characterized in that, includes data acquisition module, layout module, sign generation module and canalization picture display module, wherein:
the data acquisition module is used for acquiring intersection data, wherein the intersection data comprises single intersection data, intersection codes and an angle difference generated between an intersection and the due north direction;
the layout module is used for generating a dom element layout according to the intersection data;
laying the dom elements on a client side, and analyzing to generate lane data of the intersection in a single direction;
the identification generation module is used for generating zebra crossing identifications of intersections in all directions according to the drawn width of the lane;
the channelized graph display module is used for generating a plurality of intersection graphs by utilizing a rotation change effect in transform based on lane data of intersections in a single direction and zebra crossing marks of the intersections in all directions, and displaying intersection channelized graphs;
the dom element layout comprises container elements g and div, wherein the container elements g are nested with label elements for forming lane information, and the container elements div are nested with label elements for img and a-icon;
the lane data of the intersection with the single direction comprises green belt identification, an icon of a lane under the intersection, lane direction identification under the intersection, an icon of an additional lane under the intersection, a separation identification of main and auxiliary roads under the intersection, a separation identification between the lanes, yellow and solid line identification of an entrance lane and an exit lane under the intersection, a zebra crossing, a road name of an entrance lane under the intersection, a lane name under the intersection, a direction panel, an increase identification triggered by the direction panel and a traffic state identification under the intersection.
6. The system of claim 5, further comprising an information modification module for obtaining data manipulation information at a direction of the intersection, determining the dom data structure id corresponding to the direction of the intersection, and modifying the lane data at the direction of the intersection.
7. The system for signal channelizing rendering at a traffic road intersection as claimed in claim 6, further comprising a form generation module for generating a corresponding intersection form according to said intersection channelizing map by using form technology in html;
the information modification module is used for modifying the intersection canalization graph display information by taking each text box generated by the intersection form as an entrance for modifying and inputting the information.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111057630.9A CN113850993B (en) | 2021-09-09 | 2021-09-09 | Signal channelized rendering method and system for traffic road intersection |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111057630.9A CN113850993B (en) | 2021-09-09 | 2021-09-09 | Signal channelized rendering method and system for traffic road intersection |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113850993A CN113850993A (en) | 2021-12-28 |
| CN113850993B true CN113850993B (en) | 2022-12-30 |
Family
ID=78973739
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111057630.9A Active CN113850993B (en) | 2021-09-09 | 2021-09-09 | Signal channelized rendering method and system for traffic road intersection |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113850993B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115797506B (en) * | 2022-12-16 | 2023-11-17 | 江苏泽景汽车电子股份有限公司 | Method, device, terminal equipment and storage medium for drawing lane line object |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1710550A (en) * | 2004-06-16 | 2005-12-21 | 上海宝信软件股份有限公司 | Method for dynamically generating crossing channelized picture |
| CN101872376A (en) * | 2010-06-04 | 2010-10-27 | 中国公路工程咨询集团有限公司 | True three-dimensional road intelligent design method and system |
| CN103268373A (en) * | 2013-04-27 | 2013-08-28 | 江苏子扬交通科技有限公司 | Road plane intersection generation method based on hierarchical model |
| CN103559355A (en) * | 2013-11-11 | 2014-02-05 | 国家电网公司 | SVG (Scalable Vector Graphics) technology-based distribution network modeling system |
| CN108922185A (en) * | 2018-07-19 | 2018-11-30 | 连云港杰瑞电子有限公司 | A kind of method of quick deployment intersection channelizing system |
| CN109636876A (en) * | 2018-10-25 | 2019-04-16 | 广州运星科技有限公司 | A kind of intersection channelization and flux and flow direction drawing drawing method, system equipment and storage medium |
| CN109920031A (en) * | 2019-04-12 | 2019-06-21 | 中电海康集团有限公司 | A kind of method and system of Fast Drawing intersection |
| CN110472267A (en) * | 2019-06-25 | 2019-11-19 | 青岛海信网络科技股份有限公司 | A kind of method and device of intersection channelization emulation |
| CN110705231A (en) * | 2019-08-26 | 2020-01-17 | 苏宁云计算有限公司 | Webpage editing method and device |
| CN111462612A (en) * | 2019-01-22 | 2020-07-28 | 上海宝康电子控制工程有限公司 | System and method for realizing intersection channelized graph configuration and automatic graph docking function |
| CN111898225A (en) * | 2020-07-02 | 2020-11-06 | 广州运星科技有限公司 | System, method and readable storage medium for quickly creating simulation road network |
| CN111915885A (en) * | 2020-06-24 | 2020-11-10 | 广州运星科技有限公司 | Urban road traffic simulation experiment method and system |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101763735B (en) * | 2010-02-01 | 2015-02-25 | 王茜 | Method for controlling dynamic signal control system capable of having negative system loss time |
| CN111383450B (en) * | 2018-12-29 | 2022-06-03 | 阿里巴巴集团控股有限公司 | Traffic network description method and device |
| US11738770B2 (en) * | 2019-07-02 | 2023-08-29 | Nvidia Corporation | Determination of lane connectivity at traffic intersections for high definition maps |
-
2021
- 2021-09-09 CN CN202111057630.9A patent/CN113850993B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1710550A (en) * | 2004-06-16 | 2005-12-21 | 上海宝信软件股份有限公司 | Method for dynamically generating crossing channelized picture |
| CN101872376A (en) * | 2010-06-04 | 2010-10-27 | 中国公路工程咨询集团有限公司 | True three-dimensional road intelligent design method and system |
| CN103268373A (en) * | 2013-04-27 | 2013-08-28 | 江苏子扬交通科技有限公司 | Road plane intersection generation method based on hierarchical model |
| CN103559355A (en) * | 2013-11-11 | 2014-02-05 | 国家电网公司 | SVG (Scalable Vector Graphics) technology-based distribution network modeling system |
| CN108922185A (en) * | 2018-07-19 | 2018-11-30 | 连云港杰瑞电子有限公司 | A kind of method of quick deployment intersection channelizing system |
| CN109636876A (en) * | 2018-10-25 | 2019-04-16 | 广州运星科技有限公司 | A kind of intersection channelization and flux and flow direction drawing drawing method, system equipment and storage medium |
| CN111462612A (en) * | 2019-01-22 | 2020-07-28 | 上海宝康电子控制工程有限公司 | System and method for realizing intersection channelized graph configuration and automatic graph docking function |
| CN109920031A (en) * | 2019-04-12 | 2019-06-21 | 中电海康集团有限公司 | A kind of method and system of Fast Drawing intersection |
| CN110472267A (en) * | 2019-06-25 | 2019-11-19 | 青岛海信网络科技股份有限公司 | A kind of method and device of intersection channelization emulation |
| CN110705231A (en) * | 2019-08-26 | 2020-01-17 | 苏宁云计算有限公司 | Webpage editing method and device |
| CN111915885A (en) * | 2020-06-24 | 2020-11-10 | 广州运星科技有限公司 | Urban road traffic simulation experiment method and system |
| CN111898225A (en) * | 2020-07-02 | 2020-11-06 | 广州运星科技有限公司 | System, method and readable storage medium for quickly creating simulation road network |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113850993A (en) | 2021-12-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10475157B2 (en) | Digital mapping system | |
| US7847807B2 (en) | Geometry creation tool | |
| US7984055B2 (en) | Method and system for presenting traffic-related information | |
| Sun et al. | Embedding spatio-temporal information into maps by route-zooming | |
| US5214757A (en) | Interactive automated mapping system | |
| CA2953656C (en) | A digital mapping system | |
| Horbiński et al. | The use of Leaflet and GeoJSON files for creating the interactive web map of the preindustrial state of the natural environment | |
| US20020091758A1 (en) | Map viewing, publishing, and provisioning system | |
| CN109033400B (en) | Map-based vehicle passing display method and system | |
| CN113850993B (en) | Signal channelized rendering method and system for traffic road intersection | |
| CN111898225A (en) | System, method and readable storage medium for quickly creating simulation road network | |
| CN113850994B (en) | Road information display and change method and system | |
| Cooley et al. | Package ‘googleway’ | |
| RU2374689C1 (en) | Method for coding of information about geographic systems by images | |
| CN114610211A (en) | Manufacturing method of GIS-based auxiliary teaching tool | |
| CN117130513A (en) | Map element display method, map element display device, computer readable medium and electronic device | |
| CN117726735A (en) | CIM-based interactive display method for rendering simulation and examination results | |
| Mannering et al. | Interactive Data Base For Pavement Management | |
| CN114494510A (en) | WebUI intersection model visualization method and system | |
| Halim | WebGD: framework for web-based GIS/database applications | |
| Ritz | Toward improving the paper map: Exploring and implementing digital and virtual campus maps for West Virginia University |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |