Front-end Design And Implementation Of Mountain Torrent Warning And Deduction System Based On AngularJS

Under the circumstance of the deteriorating climate, heavy rainfall or rainstorm occurs frequently, an increasing of flood events have been observed recently. It is an important issue to ensure the personal safety and properties against the deadly floods.Currently, the GIS-based flood warning systems have been worked out and served as an essential tool for flood analysis and assessment. However, due to the limited of display technique of browser, the efficiency of decision-maker functions are significantly hampered.Upon this situation, a cutting-edge front-desk developing frame-- AngularJS is introduced in this paper. It serves as a basis for the achievement of the fancy web interface.It can fulfill the goal that integrating the GIS operations and various data display to serve the business. Furthermore, a module of flood routing is integrated into the whole platform.The results of flood routing can give several scenarios of various situations, which can help the decision-makers to make the most right things.From a view of GIS client, conform to the specification of OGC space geographic information service is provided by the publishing platform of ArcGIS Server and TerraGate, while the Leaflet and TerraExplor were chosen as developing tools for the 2D GIS client-side software and the web browser for the 3D GIS display, respectively.Moreover, the map operations are achieved by the use of widgets such as ActiveX and TerraExploer JavaScript.From a view of business applications, the layouts and functions are controlled by the core characters and cutting-edge techniques such as data-binding, dependency injection,instructions, an asynchronous request, cache, etc. Not only the business logics, but also part of the GIS operations are included in the front-desk function feature modules. As for the various data display, some advanced techniques of dynamic tables and line graphs are used to give clients a decent overview of the data rather than the lengthy data.From the complexity of the control monitor, the response time of the network events,change detection model of training in rotation mechanism and so on. The client optimizing can be achieved by setting up the initialing the configuration files after embedding the internal operation mechanism of AngularJS. In addition, by optimizing the code structure and runtime environment, the efficiency of AngularJS can be improved significantly.In conclusion, this paper describes that the development of system web that integrates 2D and 3D WebGIS JavaScript library and mature user interface framework. At the meanwhile, GIS functions are also applied in some business.