Skip to content

Latest commit

 

History

History
338 lines (224 loc) · 8.72 KB

user-interface.rst

File metadata and controls

338 lines (224 loc) · 8.72 KB

User interface

The Gisquick clients are designed with a goal to put together a minimal set of functions for useful generic responsive web and mobile-friendly mapping application.

The major part of the client's User Interface (UI) is occupied by map canvas (1). Content management tools <content-menu> (2) are located on the left side and can be hidden using the button on its right side (3). Corners of map canvas are filled up (clockwise from the bottom-left corner) with map scale (4), tools <tool-menu> (5), user menu <user-menu> (6) and zoom tools <zoom-menu> (7). The status bar is located in the bottom part and it shows current scale, projection and map coordinates of the cursor (8).

../img/gisquick-ui.png

Gisquick user interface description.

Content management tools

Content management widget is split into three major tabs:

  • Base Layers
  • Overlay Layers
  • Legend

../img/content-tabs.png

Content tabs.

Base Layers tab allows switching base layers in the map canvas. The list of base layers is defined by the publication process.

../img/ui-base-layers.png

Switching among base layers.

In the tab, you can set the opacity of the base layer.

../img/ui-opacity.png

Setting opacity of the base layer.

Overlay Layers tab allows switching among topics (layer groups), or controlling overlay layers one by one.

../img/ui-topics.png

Switching among topics.

In the tab, you can set the opacity of the base layer.

../img/ui-opacity.png

Setting opacity of the overlay layers.

To switch to Layers mode use Topics and Layers switcher.

../img/ui-overlay-layers.png

Topics and Layers switcher.

In Layers mode the overlay layers can be switch on/off one by one.

../img/ui-map-layers.png

Switch on/off overlay layers.

Tip

It is also possible to switch on/off group of layers group-switcher.

Legend tab depicts currently selected layers in Layers tab.

../img/ui-legend.png

Legend.

Attribute data

In the Layers mode, attribute data can be accessed by layer-attributes. The attribute table is displayed in the bottom part, see figure below.

../img/ui-attributes.png

Layer attribute table.

The attribute table allows data filtering based on simple queries, see figures below.

../img/ui-attribute-filter-0.png

Choose operator for attribute filter.

../img/ui-attribute-filter-1.png

Define filter and refresh attribute table view.

Tip

Attribute table shows only a few rows. Use the arrows scroll to scroll through the rows. Attributes can be also filtered by map canvas Filter to visible area.

Every row in the attribute table has a Zoom to button zoom-to which enables zooming and centering related features in map canvas, see figure below.

../img/ui-zoom-to-feature.png

Zoom into selected feature.

Note

Attribute filter can be disabled by clear-filter. Table view must be refreshed.

Also, every row has an Information button info which displays the information panel with relevant data.

../img/ui-info-feature.png

Visualization selected data.

Zoom tools

Zoom tools enable controlling map view. Two basic zoom tools are available:

  • Zoom in/out zoom-in-out
  • Zoom to extent zoom-extent

Tip

Zooming and panning are also possible by the middle mouse button.

Tools

Two basic tools are available:

  • Identify identify
  • Measurement measure

Identify

By default, features are identified in all visible layers (in the example below in Schools and District layers).

../img/identify.png

Identify schools and district layer.

These settings can be changed in the Identification combo box.

../img/identification-layers.png

Change layer priority for identification.

Measurement

Three measurement modes are available:

  • Location (point coordinates)
  • Distance
  • Area

../img/ui-measure-tools.png

Measurement tools.

../img/measure-location.png

Location measurement example. Menu highlighted in red ring.

Location menu allows:

  • Zoom to location

* Change the spatial reference system By default, two systems are supported: QGIS project system and WGS-84 (EPSG:4326) known as "GPS coordinates".

../img/ui-location-menu.png

Location menu.

../img/measure-distance.png

Distance measurement example. Menu highlighted in red ring.

Distance menu allows:

  • Zoom to distance

* Change units Currently, two systems are supported: international (EU) and imperial (UK, US).

../img/ui-distance-menu.png

Distance menu.

../img/measure-area.png

Area measurement example. Menu highlighted in red ring.

Area menu allows:

  • Zoom to area

* Change units Currently, two systems are supported: international (EU) and imperial (UK, US).

../img/ui-area-menu.png

Area menu.

Note

Currently, no snapping to features is supported by measurement tools.

Print tool

Before project publication <publishing>, the print tool print can be activated in Gisquick, which enables one to download raw output from QGIS server GetPrint request and allows interactive visualization of map content directly in this template. One can zoom, pan and rotate the map and see exactly how the result will look like. To get a better idea, see the video below.

Important

Print tool in Gisquick is not accessible in Guest session <guest-session>, only log in users can use this tool.

User menu

User menu allows to:

  • Logout current user
  • Open user profile page
  • Enter/Leave Full Screen mode
  • Display attributions
  • Show Help (this document)

../img/map-attribution.png

Map attributions displayed.

User profile page

User page (My profile in the User menu) allows managing published projects and uploading new ones. In Projects tab user can browse published projects including basic metadata. A project can be opened by clicking on its name.

../img/ui-user-menu.png

User page contains list of published projects. (Projects button is highlighted in red square)

Tip

Project data is available also via WMS service, click WMS link button wms. To open the project in the map canvas, click map.

New projects can be uploaded by clicking the upload button. Note that existing project will be automatically overwritten. Projects can be uploaded in zip or tag.gz formats.

Note

See project size limits in Configuration <docker-configuration> section.

../img/ui-user-page-upload.png

Upload project button is highlighted in red square. Project publishing button is highlighted in green square.

Project settings are opened by clicking the project name. See chapter Releasing project <releasing-project> for more information.