WebGIS Information System-Function Design of Basic Module of Main Interface

System Folder Structure

In order to make the project easy to manage and maintain, it is necessary to determine the system folder structure of the project before development, that is, the system folder structure design. The usual practice is to put files with similar functions or the same module in the project into the same package file, and the package is named after the module name; in order to improve the security of the system in the application and prevent users from accessing JSP page resources by inputting addresses, in Put the JSP page into the WEB-INF folder during development, so that users can only access the specified JSP page through Action. Take the folder structure of the Java class of the transportation WebGIS information system and the folder structure of the JSP file of the view layer as an example, the project folder structure is shown in the figure.

insert image description here

In order to achieve a unified page layout and consistent overall style, it is necessary to design a unified page format. Taking the layout of the front page of the traffic WebGIS information system as an example, the overall architecture design of the WebGIS traffic information system is shown in the
insert image description here
figure
insert image description here

The division of system function modules is shown in the figure. The whole system is divided into map module, latitude and longitude module, navigation module and mobile phone positioning module.insert image description here

Main interface

(1) Map column: compare the device icon and attribute table displayed on the map.
(2) Search column: According to the input address, it can realize the function of searching the name and the automatic positioning of the map, and can also realize the automatic positioning function of the map according to the input coordinates.
insert image description here

Function design of map basic management module

The basic function design of the map includes the following functions:
(1) Pan: Click the button to place the mouse in the pan state, which can be used to clear the state of the current graphic operation tool.
(2) Zoom in: Click the button to zoom in on the map (or press the middle mouse button).
(3) Zoom out: Click the button to zoom out the map (or use the middle mouse button).
(4) Full image: Click the button to display the full image.
(5) Save: Click the button to update the changed map data to the database.
(6) Delete: Click the button to delete the map element.
(7) Add: Add to draw new roads.
(8) Attribute: Click to view the attribute information of the road segment.
(9) Cut: Choose to cut the road.

(10) United: United different roads.
(11) Undo: Undo the previous operation.
(12) Restore: Restore the previous operation.

Mobile phone positioning module function design

The functional design of the mobile phone positioning APP is shown in the figure.
insert image description here
The mobile phone positioning module needs to realize functions such as map browsing, location search, route query, positioning and navigation. Therefore, the mobile positioning module has designed a main interface and three secondary interfaces. The main interface displays the basic map, and different types of maps can be switched through the option menu. The three secondary interfaces respectively realize the location search function, route query function and navigation function. The main interface is designed with a positioning function call button and three secondary interface call buttons for full-screen display of electronic maps, and different types of maps can be switched through the option menu;

A text input box is designed on the location search interface to receive the address input by the user, and the map is a topological map to display the search results; the route navigation query interface displays a basic map, and the dialog box is used to accept the starting address input by the user, and finally Use the list drawer to display the returned path results; the navigation function interface is based on the results displayed in the path drawer, and can display different path segments in segments, and at the same time, the voice prompt function can be turned on.

Function Design of Longitude and Latitude Path Generation

The design of latitude and longitude path generation module is shown in the figure.
insert image description here

This module is used to click and add the latitude and longitude coordinates of multiple different locations on the map to generate a series of connected paths; adding obstacle points to the above path can generate a new path, where the obstacle points can represent road damage in reality, occurrence Traffic accidents etc. From the point of view of functional design, the following functions should be designed and realized:
(1) Add stop points;
(2) Add obstacle points;
(3) Clear stop points;
(4) Clear obstacle points;
(5) Generate paths.

Navigation module function design


The navigation box uses network analysis to calculate the navigation path between different locations, and publishes the network analysis service to ArcGIS Server through ArcGIS to provide users with real-time navigation functions. The following functions need to be designed and implemented:

insert image description here

(1) Add a destination in the input box;
(2) Add multiple destinations;
(3) Choose different ways to drive a car, truck or walk;
(4) Choose the fastest time or the shortest path;
(5) Generate a navigation path .

User management module function design

(1) User management: super administrators can add, modify and delete users with various permissions at will, and ordinary users can modify passwords
and their own detailed information.
(2) Permission management: dynamically and flexibly authorize various user permissions according to menu function items and page element items.
(3) Log management: monitor and record all the running conditions of the program, including execution, error and other information.

Guess you like

Origin blog.csdn.net/leva345/article/details/131430226