CN105260170B - A kind of accident deducing manoeuver method and system based on case - Google Patents

A kind of accident deducing manoeuver method and system based on case Download PDF

Info

Publication number
CN105260170B
CN105260170B CN201510398451.XA CN201510398451A CN105260170B CN 105260170 B CN105260170 B CN 105260170B CN 201510398451 A CN201510398451 A CN 201510398451A CN 105260170 B CN105260170 B CN 105260170B
Authority
CN
China
Prior art keywords
case
event
accident
scalable vector
vector graphics
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
Application number
CN201510398451.XA
Other languages
Chinese (zh)
Other versions
CN105260170A (en
Inventor
夏时洪
袁铭择
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Institute of Computing Technology of CAS
Original Assignee
Institute of Computing Technology of CAS
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Institute of Computing Technology of CAS filed Critical Institute of Computing Technology of CAS
Priority to CN201510398451.XA priority Critical patent/CN105260170B/en
Publication of CN105260170A publication Critical patent/CN105260170A/en
Application granted granted Critical
Publication of CN105260170B publication Critical patent/CN105260170B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Processing Or Creating Images (AREA)

Abstract

The accident deducing manoeuver method and system based on case that the invention discloses a kind of, this method include generating the case case script of the case, and be abstracted to the case case script, extract case event chain and are deposited server database;Client acquisition obtains the case event chain from the server database, and parse the case event chain, generate the logical relation and specifying information of event in the case, according to the logical relation and the specifying information, the scalable vector graphics are added to the page of webpage by the scalable vector graphics for generating the event;According to the logical relation, the scalable vector graphics are adjusted, and the displaying for combining visualization technique to complete accident situation is automatically performed the deduction of event using the internal logic probability of Bayesian probability Statistics binding events.The present invention provides the visual presentation of event chain and editting functions, and editing rehearsal script for layman provides help.

Description

A kind of accident deducing manoeuver method and system based on case
Technical field
The present invention relates to deducing manoeuver field, more particularly to a kind of accident deducing manoeuver method based on case and it is System.
Background technology
Accident chain can be used for emergency drilling and disaster prevention etc..Traditional emergency drilling mainly uses " desktop The mode of deduction " carries out, and before rehearsal, professional chooses case, and root according to the purpose and theme of rehearsal from rehearsal library According to rehearsal duration and scale etc., layout is carried out to existing content, rehearsal library is the text or audio-visual for storing a large amount of exercise scenarios Image library, the tissue usually in the form of papery or electronic document, each exercise scenario in library is according to objective reality, by special Industry personnel combine rehearsal scene, for the purpose of teaching made of meticulous layout, case library include flood, earthquake, barrier lake and Fire etc., and the case formed is integrated by above-mentioned event, when rehearsal carries out, professional is according to prior programmed case master Rehearsal activity is held, while playing the data such as video, word and picture displaying event situation, while according to the feedback tune for the personnel of taking part in a performance Whole rehearsal evolution and progress speed.
During traditional accident rehearsal, the generation of accident chain and editor generally require more profession and know Knowledge and practical experience, and during rehearsal, layman is difficult according to current event state of development, to subsequent time Event developing state make objective assessment, it is unintelligible to cause event Development Logic occur during rehearsal, lack tune The problems such as reason, during traditional deduction, the situation of event is usually passively expressed, i.e., announces thing in host Documentary information is just carried out after state to issue, play the work such as video and picture playing, this passive expression way, it is difficult to taking part in a performance Personnel provide feeling on the spot in person, and to be expressly understood that the situation of current event, user experience is bad, in addition, drilling During white silk, event information is usually expressed in a manner of independent, discrete, unrelated with geography information, expression-form ratio It is more single, and seldom closely merged with spatial information.
Patent of invention " a kind of catastrophe emergency plan HSE visualization and deduction system ", the disclosure of the invention belong to computer Assist a kind of visualization of catastrophe emergency plan HSE and the deduction system in emergency disaster relief Mitigation field.The system is with prediction scheme storehouse And based on scenario models, advanced technology is visualized by integrated application GIS, VR, FLASH etc., to each in emergency preplan A key element carries out abstract expression, enterprising in remote sensing image and Vector Electronic Map with corresponding compound pattern symbol Rower is noted;The prediction scheme of different calamity kinds is deduced with various ways such as multi-spatial scale, more time serieses simultaneously.The invention is real The visualization and deduction for having showed decision prediction scheme provide Visual decision-making environment, for improving China's catastrophe for calamity emergency decision Accuracy, validity and the quick-reaction capability of Emergency decision are of great significance, but the invention mainly solves the problems, such as It is the visualization deduction of prediction scheme, predominantly disaster decision provides support.And the system mainly carries out table by GIS to event Reach, and present invention is generally directed to be the visual presentation of event situation, and provide visual event chain edit methods, lead to It crosses WebGIS to merge with audio and video information, shows current situation.
Invention content
In view of the shortcomings of the prior art, the present invention proposes a kind of accident deducing manoeuver method based on case and is System, to solve the above technical problem.
The present invention proposes a kind of accident deducing manoeuver method based on case, including:
Step 1, the case case script of the case is generated, and the case case script is abstracted, extracts case event chain And deposited server database;
Step 2, client acquisition obtains the case event chain from the server database, and parses the case Event chain generates the logical relation and specifying information of event in the case, according to the logical relation and the specifying information, The scalable vector graphics are added to the page of webpage by the scalable vector graphics for generating the event;
Step 3, according to the logical relation, the scalable vector graphics are adjusted, and combine visualization technique complete Thing is automatically performed using the internal logic probability of Bayesian probability Statistics binding events at the displaying of accident situation The deduction of part.
The accident deducing manoeuver method based on case, the step 2 further include:For the Scalable Vector The pel of figure adds event call-back function, realizes the interactive function of image and mouse.
The accident deducing manoeuver method based on case, by GIS data and the scalable arrow Spirogram is to combination.
The accident deducing manoeuver method based on case, further includes being added on the scene of the event Figure, word and video display button, user complete content displaying by clicking button.
The accident deducing manoeuver method based on case, further includes on the ground of the GIS data Figure displaying interface is that map picture adds 3D displaying functions, and integrated physical engine function.
The present invention also proposes a kind of accident deducing manoeuver system based on case, including:
Case event chain module, the case case script for generating the case are generated, and the case case script is taken out As extracting case event chain and being deposited server database;
Scalable Vector module is generated, the case thing is obtained from the server database for client acquisition Part chain, and the case event chain is parsed, the logical relation and specifying information of event in the case are generated, according to the logic Relationship and the specifying information, generate the scalable vector graphics of the event, the scalable vector graphics are added to webpage The page;
Simultaneously display module is adjusted, for according to the logical relation, being adjusted to the scalable vector graphics, and combine Visualization technique completes the displaying of accident situation, and the internal logic using Bayesian probability Statistics binding events is general Rate is automatically performed the deduction of event.
The accident deducing manoeuver system based on case, the generation Scalable Vector module further include: Event call-back function is added for the pel of the scalable vector graphics, realizes the interactive function of image and mouse.
The accident deducing manoeuver system based on case, further includes map and scalable vector graphics combination mould Block, for by GIS data and the scalable vector graphics to combination.
The accident deducing manoeuver system based on case, the map and scalable vector graphics binding modules are also Include that figure, word and video display button are added on the scene of the event, user is by clicking in button completion Hold displaying.
The accident deducing manoeuver system based on case, the map and scalable vector graphics binding modules are also The map displaying interface for being included in the GIS data is that map picture adds 3D displaying functions, and integrated physics draws Hold up function.
As it can be seen from the above scheme the advantage of the invention is that:
The present invention is compared with traditional rehearsal technology, the present invention provides the visual presentation of event chain and editting function, Rehearsal script being edited for layman, help being provided, simultaneity factor provides the displaying of real-time evolution-information, makes the personnel of taking part in a performance Situation information is obtained in real time, and the present invention has carried out whole also by information such as audio-visual, image and three-dimensionals with GIS-Geographic Information System in addition It closes, more intuitive information acquiring pattern is provided to the personnel of taking part in a performance.
Description of the drawings
Fig. 1 is that map shows logic chart;
Fig. 2 is to generate SVG logic charts;
Fig. 3 is the event chain design sketch realized;
Fig. 4 is the event realized and geography information syncretizing effect figure;
Fig. 5 is overall flow figure of the present invention.
Wherein reference numeral is:
Step 101/102/103.
Specific implementation mode
This patent quotes following technology in order to solve the above problem, and the visualization for completing high immersion shows and expresses:Shellfish This network (Bayesian Network) of leaf is the graphical network based on probability inference, is that current uncertain knowledge is expressed and pushed away One of most effective theoretical model in reason field;SVG (Scalable Vector Graphics) scalable vector graphics are a kind of Using the X-Y scheme representation language of XML (extensible markup language) grammer, created by drawing element figure in webpage Image generates arbitrarily complicated image;WebGIS (network geographic information system) is referred to on internet, assisted using network The GIS-Geographic Information System for discussing client, the request based on browser/server (B/S)/acknowledgement mechanism provide easily user and hand over Mutual ability.In addition, also using the skills such as database, PHP, AJAX, JavaScript, JSON, HTML5 and CSS3 in the present invention Art.
It is the overall flow of the method for the present invention below, as shown in Figure 5:
Step 101, the case case script of the case is generated, and the case case script is abstracted, extracts case event Chain is simultaneously deposited server database;
Step 102, client acquisition obtains the case event chain from the server database, and parses the case Example event chain, generates the logical relation and specifying information of event in the case, according to the logical relation and the specific letter Breath, generates the scalable vector graphics of the event, the scalable vector graphics is added to the page of webpage, as shown in Figure 3;
Step 103, according to the logical relation, the scalable vector graphics are adjusted, and combine visualization technique The displaying for completing accident situation is automatically performed using the internal logic probability of Bayesian probability Statistics binding events The deduction of event.
Step 102 further includes:Event call-back function is added for the pel of the scalable vector graphics, realizes image and mouse Interactive function.
By GIS data and the scalable vector graphics to combination, added on the scene of the event Figure, word and video display button, user completes content displaying by clicking button, in the GIS data Map shows that interface is that map picture adds 3D displaying functions, and integrated physical engine function, as shown in Figure 4.
The present invention also proposes a kind of accident deducing manoeuver system based on case, including:
Case event chain module, the case case script for generating the case are generated, and the case case script is taken out As extracting case event chain and being deposited server database;
Scalable Vector module is generated, the case thing is obtained from the server database for client acquisition Part chain, and the case event chain is parsed, the logical relation and specifying information of event in the case are generated, according to the logic Relationship and the specifying information, generate the scalable vector graphics of the event, the scalable vector graphics are added to webpage The page;
Simultaneously display module is adjusted, for the size according to the logical relation and the page, to the Scalable Vector Figure is adjusted, to complete displaying and deduce the accident situation.
The generation Scalable Vector module further includes:Event call-back letter is added for the pel of the scalable vector graphics Number realizes the interactive function of image and mouse.
Further include map and scalable vector graphics binding modules, is used for GIS data and the scalable arrow Spirogram is to combination.
The map further includes that figure, text are added on the scene of the event with scalable vector graphics binding modules Word and video display button, user complete content displaying by clicking button.
The map and the map displaying that scalable vector graphics binding modules further include in the GIS data Interface is that map picture adds 3D displaying functions, and integrated physical engine function.
Description of specific embodiments of the present invention in detail with reference to the accompanying drawings and examples.
The purpose of the present invention is to solve the rehearsal script layout process complexity of the prior art, event evolution-information shows shape Formula is single, deduces the problem of situation poor visibility of process..
The method use Web technologies, complete the friendship of visual presentation, accident chain pattern that event chain situation develops The information integrations such as mutual editor, geography related with event, word, picture and video and concentration such as show at the functions.The method is logical Cross following manner realization:
The system uses Web technologies to complete the visual presentation that event chain situation develops.Backstage uses PHP and MySQL Database completes the load and processing of data, and data visualization, front and back are realized in foreground using HTML, CSS and JavaScript Between request of data and response completed using AJAX, logical process is completed in foreground using JavaScript, draws event using SVG Chain polar plot realizes style sheet management using CSS, and in summary technology completes the Visualization of event chain, Web technical sides Just the deployment and use of system, it is only necessary to which, in server installation system software, client can be accessed using modern browser The system page is operated, and Web technologies provide facility for system upgrading from now on and expansion, in addition, with HTML5, CSS3 etc. The expressive ability of the update of technology, browser is more and more stronger, can provide good user experience effect;
Client browser parses event chain data using JavaScript, according to the logical construction between event, in page The XML descriptions of SVG are added in face, and event chain logical relation is indicated with SVG digraphs, and abstract thing is indicated using SVG digraphs Part chain data make the logic causality between event image illustrate out, what the personnel that take part in a performance can be quickly by image Global assurance is carried out to rehearsal situation, reinforces the effect of rehearsal;
The state of event is indicated using SVG pels of different colors, different shapes, and using placement algorithm setting pel position It sets, digraph is made to be easier to observe and operate.Different shape and color make SVG image express more information, make the personnel of taking part in a performance More useful informations are obtained from image, to have the understanding being more clear to current rehearsal situation.It not only improves in this way The sense of reality and strengthen rehearsal effect;
Interactive editor's function of SVG figures makes SVG figures to mouse-over, the events such as clicks, double-clicks and make a response, real Current family is to the selection of SVG figures, addition and deletes function, completes interactive editor's function of image, SVG graphical interaction editors As shown in Fig. 2, by interactive function, controllers can adjust the developing direction of event according to the situation of presence logic, Make the development of event that diversity be presented, the personnel of taking part in a performance can also make rehearsal to a variety of scenes in addition, improve rehearsal effect;
System provides event situation displayed page.When new event occurs, which can be automatically added to " thing occur In part chain display diagram ", and show the time and location of the generation of event, pictorial information, which makes the personnel of taking part in a performance understand hair in real time Raw event grasps newest rehearsal information, help is provided for Real-time Decision;
Data, the probability of happening of mark successive event can be drilled in event chain digraph according to history.Carry out rehearsal time control Personnel processed can develop event according to the probability prompt message of event chain digraph, the larger direction of select probability, which gives Layman provides the reference information and miscellaneous function of successor decision;
The API that WebGIS is provided is called by browser, realizes the inquiry of geographic information data, load, displaying, label With addition function, while the interactive function of map is provided, the position occurred by the interface flag event, and add audio-visual, figure Piece and word show button, which has been added to total data related with event on map, geography information and event Information is effectively combined, and provides more true rehearsal experience for the personnel of taking part in a performance, the displaying logic of map is as shown in Figure 1;
Button is added in mark point, it can pop-up window, displaying and should in window on map when clicking these buttons The related information of event, including word, video and picture, the comprehensive display of much information keep user more comprehensive The details of solution event, make a policy for the personnel of taking part in a performance and provide strong support.
A large amount of digitlization exercise scenarios, including earthquake, mud-rock flow, barrier lake, flood, spout are stored in system database Wind, water pollution, acute infectious disease and social event etc., a variety of digitlization cases provide support for various emergency drilling, non-special Industry personnel are by loading existing case, it may be convenient to which the rehearsal script for editing out different calamity kinds strengthens the versatility of system And practicability.
Cause contaminated zone, different earthquake magnitudes that house collapse traffic hydroelectric facility is caused to be ruined for the leakage of different stage industrial chemicals Bad, different infectious diseases cause epidemic situation to infect, different scales social event causes to impact government's beating burning and different instruction is emergent It commands the events evolutionary processes such as action to carry out animation simulation, event evolution-information is shown in the form of simulation animation, makes to take part in a performance Personnel comprehensively recognize, truly experience events evolutionary process, to enhance rehearsal effect.
System provides open api interface, and other softwares are by calling the interface can be with access system resources or right System function is expanded, and open interface provides greatly just for the expansion of joint maneuver, function with third party software Profit.
System provides the functions such as 3D displayings and physical engine, uses 3D functions stress model and picture etc. in a browser Multimedia content completes 360 degrees omnidirection viewing by mouse action, physical engine is provided in 3D scenes, completes Gravity Mode The functions such as quasi-, movement and collision.3D and physical engine simulate the 3D scenes of disaster, are provided for the personnel of taking part in a performance more true Experience.
It is one embodiment of the invention below, as follows:
System background use MySQL database, Apache HTTP servers, PHP servers and NodeJS, be data with The access of the page provides support, and database is used for storing rehearsal data, and abstract and group is carried out by script is drilled according to logical relation It knits, is stored respectively in Event Information Table event, event relation table eventrelation and material table material.PHP is completed Background business logic, for accessing database and generating JSON files, HTTP server is used for responding the page request of user, NodeJS is mainly used for the active push and synchronizing event information of data, and client completes data access using modern browser And page rendering.By the way of AJAX, data are passed using JSON formats for data asynchronous communication between server and client It is defeated.
Below in conjunction with the accompanying drawings with specific example to the technical side of " a kind of accident deducing manoeuver method based on case " Case is described in further details, and steps are as follows for the realization of this method:
(1) digitlization rehearsal script and importing rehearsal material:Textual rehearsal script is abstracted, case thing is extracted Part chain is stored in database, and rehearsal simulation material and displaying material are imported under system folder;
(2) structure base page accesses service:System page code is put into HTTP server, modern browser is used The page is accessed, page data load is completed and shows function;
(3) data asynchronous transmission service is built:Client is in the form of AJAX to server request data, the PHP of server-side Program inquires database according to request content, and query result is returned with JSON formats;
(4) client parses event data:Client JavaScript program parses the event data of JSON formats, logarithm It is checked and is parsed according to attribute, obtain the logical relation and specifying information of event;
(5) client shows event data:According to the JSON data after parsing, event chain SVG polar plot codes are generated, and It is added in the page;
(6) it is laid out SVG image:According to the size of logical relation and the page between event, event chain figure is laid out, Keep image beauty easy to operate;
(7) interactive function of SVG image is added:Event call-back function is added using the pel that DOM is SVG, realizes image With the interactive function of mouse.When deleting or adding event node, return to step (4) more new images;
(8) addition event chain deduces function automatically:Using bayesian probability model, closed according to the internal logic of event chain System, the addition or deletion of event are carried out using maximum a posteriori probability mode.When deleting or adding event node, step is returned Suddenly (4) more new images;
(9) geographic information displaying of event:The opening of WebGIS (network geographic information system) is called in browser end API completes the displaying and operating function of GIS (GIS-Geographic Information System) data;
(10) mark function of location of incident is realized:The opening API provided using WebGIS, realizes event on map The dynamically labeled and interactive function of point;
(11) event information shows function:Figure, word and video display is added on the venue location point of map to press Button, user complete content displaying by clicking button;
(12) the 3D engines of WebGL are added:Realize that the 3D of map picture shows function, and conglomerate at map displaying interface It manages engine function and realizes movement, collision and other effects;
(13) synchronizing event information sending function;When event occurs, Case Number is sent using WebSocket interfaces Each client triggers relative program;
(14) encapsulation code provides open interface:Pattern is designed to the internal JavaScript for realizing function using Facade Program module is packaged, and open interface easy to use is provided for third party software.
In step (1), the digitlization rehearsal script and the introduction method for drilling material are as follows:
The content of analysis rehearsal script, the event in script is abstracted, extraction event, place, personage and description etc. Key message, and store and arrive database Event tables;
Extract the information bars such as event composition information, including personnel amount, event development and event class.By these Information table of the description storage of content to database;
Causal logic between analysis event, and store and arrive eventrelation tables, the number of event corresponds to Event The number of event in table;
According to the detailed description of event and information bar, collect pictures, the materials information such as video.By material in server end text In the path and material number storage to material tables of part folder, the element of Event and information tables is updated according to the number Material arranges.
In step (2), the request service construction method is as follows:
The page file editted is put into the www files of HTTP server, MySQL service routines are started, And rehearsal data are imported into database;
Start Apache HTTP and PHP service routines, uses the modern browsers such as FireFox4.0+, IE9.0+, input The URL of the system page:http://192.168.1.106/project_01/page_server/Server.html.
Browser is loaded into the control page, parses content of pages and is showed.
In step (3), the asynchronous data transmission method structure is as follows:
After the completion of page parsing, the JavaScript code that the browser execution page is embedded in calls the JSON of JQuery () function is asked using AJAX modes to server transmission data;
After server PHP programs receive the request of data of client transmission, the URL connections of client request are analyzed, are obtained The information such as event title;
Using PHP connection MySQL databases, SQL statement is generated according to event title, inquiry event, Eventrelation and material tables read the relevant information of event;
PHP is by the event essential information inquired, affair logic relationship and event material information storage in JSON formats In text object;
The details of event are stored in the nodes attributes of JOSN objects, the logical relation information storage of event in Links attributes;
PHP calls echo functions to export the text object of JSON formats, and the reply data as AJAX returns to client End.
The method of data inspection and parsing described in step (4) is as follows:
After client receives the text data for the JSON formats that server-side is passed back, it is converted into JavaScript pairs automatically As;
Using JavaScript program ergodic data, the time stored with text formatting, date property are resolved to The Date objects of JavaScript.
SVG image generation method described in step (5) is as follows:
The DOM objects that id in html page is " graph " are obtained using JavaScript, SVG is added in the DOM objects Xml code;
The nodes attributes for traversing event data are established " g " label for each subobject in nodes, are added to In the xml code of SVG.Set " class " attribute of nodes subobjects to " node inactive " pattern.In the label of g Middle addition " rect " and " text " subtab, for drawing the rectangular of event node, " text " is used in node " rect " label The title of upper flag event;
The links attributes of event data are traversed, is that each subobject in links draws an oriented arrow, indicates thing Causality between part.The drafting of arrow is realized using " path " label of SVG, and arrow is arranged in " d " attribute of " path " The start-stop position of head, and set " class " attribute to " link inactive ", so that arrow is shown as translucent unchecked State.
SVG image layout method described in step (6) is as follows:
The links attributes for traversing event chain data object obtain the depth capacity of digraph according to the causality of event;
Use the maximum height information of SVG image in the DOM object acquisitions HTML of SVG.Most with height divided by digraph Big depth obtains the height pixel value of each level of event chain in image.According to the hierarchical information of the height value and node, calculate Go out the y values of each pel in the picture;
To avoid node in event chain overlapped, need to be adjusted the x values of node.For every node setting x be Random deviation value about image axis.Updating the xml data behind position is;
<G class=" node inactive " transform=" translate (316.588,102.668) ">
<Rect rx=" 5 " ry=" 5 " x=" -28 " y=" 0 " height=" 23 " width=" 56 ">
</rect>
<Text x=" 0 " y=" 15.5 " text-anchor=" middle ">The victims of the disaster are panic
</text>
</g>
<G class=" link inactive " id=" link1:2">
<Path id=" path1:2 " d=" M701.315,108.716L684.788,161.590 ">
</path>
</g>
According to the d attributes of the location updating path of node.
The method of the interactive function of addition image described in step (7) is as follows:
The DOM objects of SVG are obtained using JavaScript;
The call back functions such as traversing nodes DOM arrays are each node addition mouse-over, click and double-click, to corresponding thing Part is handled it;
The functions such as setting, the event detail displaying to node and line pattern are realized in call back function.Such as:Mouse The pattern that the call back function of hovering sets the class attributes of node to " link selected ", will be connected to the node line It it is set as " link active ", sets the father node pattern of the node to " node active parent ", its child node Pattern is set as " node active child ".It clicks similar with pattern set-up mode is double-clicked;
Node is clicked in call back function, and event detail displaying function is added to.Using AJAX modes from server The detailed content of end request node event, and be added in page HTML and show;
When user pins keyboard " Ctrl " key and clicks SVG image, new data item can be added in nodes, indicate New node.It pins after " Ctrl " key clicks two different nodes successively, new data item is added in links attributes, is indicated New causality between event.Return to step (5) repaints image after data update.
Bayesian probability model method is as follows described in step (8);
Information equiprobability information is drilled according to the internal logic causality of event chain and history, in conjunction with Bayesian probability side Method completes deduction process using Maximun Posterior Probability Estimation Method.After given incoming event X, the probability of calculated for subsequent event Y is expressed Mode is as follows:
Wherein θ is model parameter, and ρ (θ | D) it is that posterior probability uses formula θMAP=arg maxθρ (D | θ) ρ (θ) progress is closely Like solution.
Geographic information displaying method described in step (9) is as follows:
The JavaScript header files that WebGIS is provided are introduced in " head " label of HTML.The API provided with Baidu For, the code of addition is:
<Script type=" text/javascript " src=" http://api.map.baidu.com/apiv =2.0&ak=x ">
</script>
In the page add label "<Div id=" allmap "></div>" indicate the loading position of map, and add JavaScript initializes map, completes basic configuration, JavaScript code is as follows:
Var map=new BMap.Map (" allmap ");
Var point=new BMap.Point (116.404,39.915);
map.centerAndZoom(point,15);
The dynamically labeled and interactive function of location of incident described in step (10) is as follows:
Event latitude and longitude coordinates information is obtained from server by AJAX when event occurs;
The opening API for calling WebGIS adds html tag in the specified coordinate point of map;
HTML code is added in the label, carries out the mark in place.
Information displaying function described in step (11) is as follows:
" li " label is added in the mark point of map, wherein addition bookmark name and hyperlink information.Bookmark name Including " picture ", " video " and " word " etc., hyperlink includes accessing the URL information of PHP files;
Window pop-up code and video playing code are added on map.Window pops up function and uses " magnific " plug-in unit It realizes, video playback capability uses " mediaelement " plug-in unit to realize;
Close function is added, the display of recovery cartographic information in interface after window is closed.
The 3D engine implementing methods of WebGL described in step (12) are as follows:
The library file three.js of ThreeJS engines is introduced in html page;
Using JavaScript create 3D presentation programs, create Three subclasses, and call AmbientLight, The illumination of the function setups such as DirectionalLight and PlaneGeometry and camera parameter;
Interface is obtained by the static map picture that Baidu maps provide, obtains static map picture.Call ThreeJS ImageUtils.loadTexture functions, be attached to map picture as texture on figure;
It introduces Box3 and realizes the physical engines functions such as collision detection.
Synchronization sending function described in step (13) is as follows:
The interface for calling the libraries socket.io of NodeJS writes WebSocket serve end programs, realizes that WebSocket disappears Cease the function of forwarding in real time;
" node websocket.js " order is executed in order line, starts WebSocket background service processes;
Socket.io library files are introduced in client, and realize the call back function of WebSocket.When information is from NodeJS When being pushed to client, call back function is called to complete event handling.

Claims (10)

1. a kind of accident deducing manoeuver method based on case, which is characterized in that including:
Step 1, the case case script of the case is generated, and the case case script is abstracted, extraction case event chain simultaneously will It deposits server database;
Step 2, client obtains the case event chain from the server database, and parses the case event chain, The logical relation and specifying information for generating event in the case generate institute according to the logical relation and the specifying information The scalable vector graphics are added to the page of webpage by the scalable vector graphics for stating event;
Step 3, according to the logical relation, the scalable vector graphics are adjusted, and it is prominent to combine visualization technique to complete The displaying of hair event situation is automatically performed event using the internal logic probability of Bayesian probability Statistics binding events It deduces.
2. the accident deducing manoeuver method based on case as described in claim 1, which is characterized in that the step 2 is also Including:Event call-back function is added for the pel of the scalable vector graphics, realizes the interactive function of image and mouse.
3. the accident deducing manoeuver method based on case as described in claim 1, which is characterized in that by geography information system System data are combined with the scalable vector graphics.
4. the accident deducing manoeuver method based on case as claimed in claim 3, which is characterized in that further include described Figure, word and video display button are added on the scene of event, user completes content displaying by clicking button.
5. the accident deducing manoeuver method based on case as claimed in claim 4, which is characterized in that further include described The map displaying interface of GIS data is that map picture adds 3D displaying functions, and integrated physical engine function.
6. a kind of accident deducing manoeuver system based on case, which is characterized in that including:
Case event chain module, the case case script for generating the case are generated, and the case case script is abstracted, is carried It takes case event chain and is deposited server database;
Scalable Vector module is generated, obtains the case event chain from the server database for client, and Parse the case event chain, generate the logical relation and specifying information of event in the case, according to the logical relation with The specifying information generates the scalable vector graphics of the event, and the scalable vector graphics are added to the page of webpage;
Simultaneously display module is adjusted, for according to the logical relation, being adjusted to the scalable vector graphics, and is combined visual Change technology completes the displaying of accident situation, using the internal logic probability of Bayesian probability Statistics binding events, certainly The deduction of dynamic completion event.
7. the accident deducing manoeuver system based on case as claimed in claim 6, which is characterized in that the generation can contract Putting vector module further includes:Event call-back function is added for the pel of the scalable vector graphics, realizes image and mouse Interactive function.
8. the accident deducing manoeuver system based on case as claimed in claim 6, which is characterized in that further include map with Scalable vector graphics binding modules, for GIS data to be combined with the scalable vector graphics.
9. the accident deducing manoeuver system based on case as claimed in claim 8, which is characterized in that the map with can Scaled vectors figure binding modules further include that figure, word and video display button are added on the scene of the event, are used Content displaying is completed by clicking button in family.
10. the accident deducing manoeuver system based on case as claimed in claim 9, which is characterized in that the map with Scalable vector graphics binding modules further include being added for map picture at the map displaying interface of the GIS data 3D shows function, and integrated physical engine function.
CN201510398451.XA 2015-07-08 2015-07-08 A kind of accident deducing manoeuver method and system based on case Active CN105260170B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510398451.XA CN105260170B (en) 2015-07-08 2015-07-08 A kind of accident deducing manoeuver method and system based on case

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510398451.XA CN105260170B (en) 2015-07-08 2015-07-08 A kind of accident deducing manoeuver method and system based on case

Publications (2)

Publication Number Publication Date
CN105260170A CN105260170A (en) 2016-01-20
CN105260170B true CN105260170B (en) 2018-08-10

Family

ID=55099874

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510398451.XA Active CN105260170B (en) 2015-07-08 2015-07-08 A kind of accident deducing manoeuver method and system based on case

Country Status (1)

Country Link
CN (1) CN105260170B (en)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105760618B (en) * 2016-03-08 2019-02-19 中国人民解放军总参谋部第五十四研究所 Target situation methods of exhibiting based on Virtual process geography GIS
CN107728201B (en) * 2017-09-29 2019-07-12 中国石油化工股份有限公司 A kind of two-dimension earthquake profile drawing method based on Web
CN107832054A (en) * 2017-11-30 2018-03-23 郑州云海信息技术有限公司 A kind of methods of exhibiting and device of house property model
CN109976713A (en) * 2017-12-28 2019-07-05 中国电信股份有限公司 Script processing method and device for Service Assembly
CN110659399B (en) * 2018-06-28 2022-02-01 中国标准化研究院 Method and device for displaying emergency evolution diagram
CN109274904A (en) * 2018-11-23 2019-01-25 威创集团股份有限公司 A kind of combination caption signal method for previewing, server-side and system
CN110058898A (en) * 2019-03-22 2019-07-26 壹仟零壹艺网络科技(北京)有限公司 ArchiCAD on-time model library loading method and system
CN111145292B (en) * 2019-12-11 2021-08-27 中国地质大学(武汉) Extensible vector plotting graph situation deduction method adapting to two-dimensional and three-dimensional scenes
CN112637520B (en) * 2020-12-23 2022-06-21 新华智云科技有限公司 Dynamic video editing method and system
CN113850994B (en) * 2021-09-09 2022-12-30 安徽科力信息产业有限责任公司 Road information display and change method and system
CN116307628A (en) * 2023-04-04 2023-06-23 广州欣纬智慧安全科技有限公司 Automatic generation method and device for emergency scheme

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07227041A (en) * 1994-02-09 1995-08-22 Toshiba Corp Device for supporting restoration of electric power system from fault
CN101930498A (en) * 2009-12-31 2010-12-29 北京华迪宏图信息技术有限公司 Catastrophe emergency rescue preplan visualization and deduction system
CN104361470A (en) * 2014-11-28 2015-02-18 东莞中国科学院云计算产业技术创新与育成中心 Auxiliary multi-target decision platform based on pre-arranged planning
CN104408569A (en) * 2014-11-28 2015-03-11 东莞中国科学院云计算产业技术创新与育成中心 Implementation method for plan-based multi-target aid decision-making platform

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH07227041A (en) * 1994-02-09 1995-08-22 Toshiba Corp Device for supporting restoration of electric power system from fault
CN101930498A (en) * 2009-12-31 2010-12-29 北京华迪宏图信息技术有限公司 Catastrophe emergency rescue preplan visualization and deduction system
CN104361470A (en) * 2014-11-28 2015-02-18 东莞中国科学院云计算产业技术创新与育成中心 Auxiliary multi-target decision platform based on pre-arranged planning
CN104408569A (en) * 2014-11-28 2015-03-11 东莞中国科学院云计算产业技术创新与育成中心 Implementation method for plan-based multi-target aid decision-making platform

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
基于情景的突发事件演变概率规则推理方法;曲毅 等;《系统工程学报》;20140831;571-578 *

Also Published As

Publication number Publication date
CN105260170A (en) 2016-01-20

Similar Documents

Publication Publication Date Title
CN105260170B (en) A kind of accident deducing manoeuver method and system based on case
US20200356350A1 (en) Methods and Systems for Visual Programming using Polymorphic, Dynamic Multi-Dimensional Structures
Du et al. Zero latency: Real-time synchronization of BIM data in virtual reality for collaborative decision-making
CN103597469B (en) Live browser instrument in IDE
CN107408142A (en) 3D CAD systems based on multi-user&#39;s cloud parameter attribute
CN102306174A (en) Method and equipment for interacting with user based on web page elements
GB2536091A (en) System and method for identifying web elements present on a web-page
US20140164895A1 (en) Systems and methods for managing spreadsheet models
CN107506517A (en) BUILDINGS MODELS is shown, data processing method, device, medium, equipment and system
CN107423049A (en) Realize method, browser and the terminal device of online programming
CN103593414A (en) Showing method and device of webpages in browser
Bogdos et al. A tool for simulation and geo-animation of wildfires with fuel editing and hotspot monitoring capabilities
CN105373533B (en) A kind of detection method, client and the device of page link address
US10198408B1 (en) System and method for converting and importing web site content
US11983219B2 (en) Instructional design tool
US10210001B2 (en) Automatic execution of objects in a user interface
CN104346174B (en) A kind of description of online polar plot modeling process and replay method
Cao Development and design case function comparison of panoramic roaming system of virtual museum based on Pano2VR
Chusetthagarn et al. A prototype of collaborative augment reality environment for HoloLens
Sons et al. xml3d. js: Architecture of a Polyfill Implementation of XML3D
Johnston et al. Employing WebGL to develop interactive stereoscopic 3D content for use in biomedical visualization
Ducreux et al. Rapid prototyping of complete systems, the case study of a smart parking
US20240054174A1 (en) Methods and systems for obtaining and storing web pages
Hetherington et al. Embodying and extracting data in Web3D models of proposed building developments
Anslow Evaluating extensible 3D (X3D) graphics for use in software visualisation

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant