User interface#

NextGIS Mobile app has four main elements:

The app interface is developed according to Google Material design guidelines.

Main screen#

../../_images/ngmob_main_screen_en.png

Fig. 974. Main screen of the app#

On the top of the screen you can find the Toolbar (controls that don’t fit into the bar are moved to the menu tree dots):

The majority of the main screen is occupied by the Map containing raster and vector layers. You can change the order and visibility of the map in the Layer tree.

The map has the following controls:

  • circle with "+" circle with "-" Zoom;

  • Main actions button - circle with "+" big round blue button with a + in the bottom right corner.

Also you can enable:

  • ruler Ruler to activate measuring (enable: Settings ‣ Map ‣ Ruler);

  • Scale ruler (shown in the bottom left corner, enable: Settings ‣ Map ‣ Show scale ruler).

At the bottom of the main window the Status panel can be displayed (configured in Settings -> Map -> Show status info panel). Depending on the screen size the Status panel can be one or two rows.

../../_images/ngmob_status_panel_en.png

Fig. 975. Status panel#

The Status panel displays the following information, if geolocation is on:

  • coordinates (latitude and longitude);

  • current zoom level (enabled in Settings –> Map –> Show zoom level);

  • pin Positioning signal source (mobile networks/Wi-Fi or satellite) and number of captured satellites (if positioning is carried out with help of GPS/GLONASS);

  • stripes with arrows altitude in meters;

  • dial speed in kmph.

Layer tree#

Layer tree is used to display and manage the contents of the map, the order of the layers and their visibility. Tap three lines in the top left corner to open it.

Action on layers can be found in the layer menu tree dots.

../../_images/ngmobile_layer_tree_en.png

Fig. 976. Layer tree#

The numbers indicate:

  1. time of the last synchronizations;

  2. circle arrows sync indicator;

  3. double squares with "+" “Add data” menu;

  4. layer type;

  5. layer name;

  6. eye layer visibility control;

  7. tree dots layer menu .

Layers are displayed in the order they are in the layer tree, higher layers covering the lower layers. To change the order, hold a layer and drag it to the new place.

To toggle layer visibility tap on the eye icon eye next to its name.

Add data#

The button “Add data” double squares with "+" at the top of the layer tree panel allows to:

../../_images/ngm_add_data_en.png

Fig. 977. “Add data” menu#

Layer menu#

To open the layer menu, open the Layer tree panel three lines and click on the tree dots tree dots next to the layer.

The contents of the menu depend on the layer type (vector or raster).

../../_images/ngm_layer_context_menu_en.png

Fig. 978. Vector layer menu#

In the layer menu there are the following actions:

Warning

When you click Delete, the layer is removed from the map and all its data is wiped from the device memory.

Feature table#

Features table is designed for displaying and managing the contents of a vector layer in table format.

To open the Feature table, open the Layer tree panel open the menu tree dots of the layer and select Feature table.

../../_images/open_feature_table_en.png

Fig. 979. Opening feature table#

.

../../_images/attribute_table_en.png

Fig. 980. Feature table#

Tap on a row to select a feature. A toolbar appears at the bottom of the screen.

../../_images/feature_table_tools_en.png

Fig. 981. Feature table tools#

The numbers indicate:

  1. arrow to the left go back to the main screen;

  2. layer name;

  3. magnifying glass search;

  4. X clear selection;

  5. ID of the selected feature;

  6. magnifying glass show the feature on the map (if you have many features close together, firt zoom in so that only few of them are visible at a time, then select the feature in the feature table and click this icon. The map will pan to the feature staying on the same zoom level);

  7. trash can delete selected feature;

  8. pencil open attribute editing form.

Warning

When you tap “Delete” trash can, a confirmation pop-up appears. Double-check if you’ve selected the correct feature before confirming. You cannot undo deleting a feature!

Feature table has a search bar. See it in action in our video:

Watch on YouTube.

Useful features#

The main screen has some useful tools, especially handy for fieldwork.

Show my location#

To view your current location, tap on circle with dashes button in the top right corner. The map is panned to the device location which is marked by crossed dark blue circle.

../../_images/ngm_show_location_en.png

Fig. 982. Showing current location#

If the Status panel is enabled in the settings, it too shows information on current location.

Note

To use this option, make sure the app has permission to access your device location (check in your device settings, the exact place depends on the model) and the geolocation is on.

Measure distance and area#

You can measure distance between two points on the map.

Tap on the ruler button ruler in the top right corner.

Starting point appears on the screen. Use the cursor dark blue arrow to move the point to where you need it. Then tap on the screen to add the second point. A line connecting the two points appears, its length is displayed in the top panel.

../../_images/ngm_measure_distance_en.png

Fig. 983. Measuring distance. Tap the tick button in bottom right corner to exit#

To exit the measuring mode tap the blue tick in the bottom right corner of the screen.

You can adjust the position of any of the points. Tap on it and move it using the cursor.

Add more points to measure the length of a string of lines as well as the area of the resulting polygon.

../../_images/ngm_measure_area_en.png

Fig. 984. Measuring length of a line and area of the polygon it makes (the last side of the polygon is calculated automatically, it is not included in the length measurement)#

Note

To use this tool, enable it in Settings -> Map -> Show measuring button.

View feature info#

Short tap on a feature opens a panel at the bottom of the screen with only one active tool - information i in a circle. Tap it to view the attribute values and attachments of the feature.

../../_images/ngm_select_feature_short_en.png

Fig. 985. A feature is selected, information button is active#

Photos attached to the feature also can be viewed.

../../_images/ngm_view_photo_en.png

Fig. 986. Viewing a feature with attachments#

If there are multiple features in the area of your tap, select the one you need from the list.