Setting up the GISCARTA platform

An overview of the platform, registration process, and instructions for use

Registering in the GISCARTA system

Go to https://map.giscarta.com/signup

  1. Enter your up-to-date email address in the registration form.

  2. Create a password for your account and enter it in the corresponding field.

  3. Confirm the password and click "Sign Up."

  4. Click "Activate Account" once you receive your registration email.

  5. Registration on the GISCARTA portal is now complete.

  6. After logging in to the portal for the first time, you must read the User Agreement and the Privacy Policy. Confirm your consent by checking the corresponding box.

  7. If you forget your password, you can reset it by clicking the corresponding button. You will receive an email with a link to reset your password at the email you provided when registering.

My Projects

After logging in to the GISCARTA platform, you are directed to a page with a catalog of your projects.
The catalog displays all your current projects, sorted by the date they were last updated. You can choose whether you prefer to display the projects as a table or cards by clicking the corresponding button in the upper right corner.
For ease of navigation, you can search your projects by name or description. Enter your search query in the "Find" field to start.

Select one of the following ways to sort your projects in the drop-down options under "Sorting":
- By date added
- By date created
- By title

For each project in the catalog you can:
- Display the project by clicking on the project or on the "Eye" icon
- Edit the project by clicking on the "Pencil" icon
- Delete the project by clicking on the "Trash" icon

Data Sources

To work with data, go to the "Data sources" section in the side menu.
In this section you can:
- Access GISCARTA datasets
- Upload your own data (see Uploading user data for details)
- Delete your own data
- Search by certain criteria (by name or tags).

In the upper bar, you can select a filter by data type from the drop-down list:
- All data
- GISCARTA data
- My data

You can also filter the data by spatial element:
- Point data
- Line data
- Polygon data
- Raster data

Plan Settings

The "Plan settings" section displays the available plan options with detailed descriptions of each.

A free "Basic" plan is included with registration.
In this section, you’ll find a plan comparison table that will allow you to compare the options included in each plan: number of projects, as well as the maximum size and number of downloadable files.

Scroll down to see a detailed comparison of rates:

  • Widgets included in the plan, with a description of each

  • Packages of ready-to-use data available for download and use on the map

Profile

Personal information management and password change
You can change your personal data by filling in the appropriate fields.
To keep your personal profile safe and secure, set a strong new password. To do so, enter your old password, then enter your new password twice in the corresponding fields.

Dark and Light theme
On this tab you can select the application theme (light or dark). The theme in which you save the project is the one the end user sees it in. For quick access to changing the theme from the builder, you need to click the Profile button and select the theme in the popup window.

Payment history view
"Payment History" helps you keep track of your payment history and paid subscription period.

Documents
- User agreement
- Personal data processing agreement

In this section, you can read or download the corresponding PDF files.

Logging out
Clicking Log Out logs you out of the system and brings you back to the login and password entry page.

Creating a project

How to create your first project on the GISCARTA platform

Basic steps to create your web map

  1. Upload your data or select which GISCARTA datasets you want to use.

  2. Create a new project in the "My Projects" section.

  3. Add data to the project.

  4. Set up the layers.

  5. Select and configure the necessary widgets.

  6. Save and publish the project.

Add user data

Before you create your project, you’ll need to decide what data you want to use on your map and upload it to the platform.
You can upload data in GeoJSON, Excel, or KML formats, or as a ZIP archive with a SHP file, as well as raster data in TIFF format.
To download files, drag and drop them into the designated field or select a file using the file explorer. Next, fill in the following fields:

  • File name — the name that will be displayed in the data directory

  • Description — a more detailed description of your data

  • Tags — option to add a tag to facilitate searching and navigation in the data catalog. Tags are filled in by typing text and pressing Enter

If you are uploading an Excel file, you will need to fill in additional fields:

  • Specify the columns with object coordinates: X — longitude, Y — latitude

  • Select the projection from the drop-down list: 1) 4326 (for geographical coordinates) 2) 3857 3) 3576 4) 3031 5) 5940 6) 3573

After the file has been successfully uploaded, a data upload notification will appear in the lower right corner of the screen.
The GISCARTA data available through your subscription is already in the list of available data. You can add it to the web map when you create projects.

Add data from external sources

The user can also upload data from external sources. Currently, these can be layers published on GeoServer or ArcGIS Server. The data will be displayed on the map as a WMS layer.
To connect an external data source, you need to first select the appropriate type of service: GeoServer or ArcGIS Server, then enter a link that leads to a list of services, for example:

  • https://sampleserver6.arcgisonline.com/arcgis/rest/services/ - for ArcGIS Server

  • https://mrdata.usgs.gov/services/ofr20051294/ - for GeoServer

Next, you need to click on the Connect button to connect to this resource and get a list of available services. After receiving the list of layers, you need to select those that will be saved in the data source (this can be one or more layers).
Next, you need to specify a name, description, and tags for the new data source and click the Save button.
Now this source will be available for adding to the map as a WMS layer.

Creating a new project

To create a new project, go to “My projects” and click "+ New project.” That opens the Map Builder, allowing you to create and customize your project.

Data

Once you enter Map Builder, the menu on the left will display all the available options for working with your project.
To add data to a web map, click "Data."
Select the data source that you are going to use for your project from the following options in the drop-down list:

  • Organization data (ready-to-use data sets)

  • My data (user-uploaded data)

Selecting one of the options above opens a list of the relevant data. To add data to the map:

  • Select one of the data sources

  • Select layer format: vector or raster

  • Click "Add"

In the vector format, the data is loaded as graphics. High browser load, styling available.
In the raster format, the data is loaded as images. Lower browser load, styling not available.

Layers

The layer management window allows you to work with the data you’ve added to your project. Here, you can:

  • Find a specific data layer using the search bar

  • Enable / disable a layer on the map

  • Change the order of layers on the map by clicking and dragging them (see Change layer order widget)

  • Open the layer editing window (see Layer display settings)

  • Delete layer

Widgets

Add the widgets you need to work with your map.


To do so:

  1. Go to the "Widgets" section. You’ll see an empty panel with an "Add" button.

  2. Click "Add" to open the list of widgets:

  • Widgets are grouped by plan: "Basic", "Standard" and "Pro"

  • Widgets are grouped by category: "Analytics", "Basic", and "Data Processing."

  • Clicking the "Add" button next to a widget adds it to the widget panel. The added widget can be ;enabled/disabled, customized, or removed from the web map.

  • For more information on working with widgets, see the Widgets section.

Settings

Configure basic map settings here.

Map settings
This is where you can configure the map’s initial extent, i.e. what part of the earth’s surface you see when you open the application and at what scale.

There are two ways to do so:

  1. Manually enter the center coordinates and map scale

  2. Save the current map position by clicking "Use current value." The parameters will be filled in automatically.

You can select the projection you need from the drop-down list:

  • Mercator projection

  • Polar projection

You can also choose the background color of the map by selecting it in the corresponding window.

Logo and title
Here you can change the map design by specifying the name and description. The map logo is added by URL address.

Setting up the data display

Your map is all set!
To make it easier to work with, configure the map’s data display to match your needs.

  • For a detailed description of styling options, filters, and other settings, see the Layer display options section.

Saving your project

Click the "Save project" button when you are finished. If you forget to save, the system will remind you automatically.

Sharing your project

To share a map you have created, click "Publish" in the upper right hand corner of the map (see Figure 1). Next, enable "Public access" in the menu that appears. Next, you can set a password for your map - to do this, just turn on “Set password” option and enter a new password. Now you can copy the map link and share it with anyone. The link can be sent to anyone or embedded on the site as an iframe. If a password has been set on the map, the user will see a password entry page.

Map builder

GISCARTA map builder features

Data

Once the "Map builder" opens, the menu on the left will display all the available options for working with your project.
To add data to a web map, go to the corresponding "Data" section.
In this section, select the data source that you are going to use in the project. To do this, select the corresponding item in the drop-down list:

  • GISCARTA data (ready-to-use data sets)

  • My data (user-uploaded data sets)


Selecting one of the options above opens a list of the relevant data. To add data to the map:

  • Select one of the data sources

  • Select the layer format: vector or raster

  • Click "Add"

In the vector format, the data is loaded as graphics. High browser load, styling available.
In the raster format, the data is loaded as images. Lower browser load, styling not available.

Layers

The layer management window allows you to work with the data you’ve added to your project. Here, you can:

  • Find a specific data layer using the search bar

  • Enable / disable a layer on the map

  • Change the order of layers on the map by clicking and dragging them (see Change layer order widget)

  • Open the layer editing window (see Layer display settings)

  • Delete layer

Widgets

Add the widgets you need to work with your map.
To do so:
1. Go to the "Widgets" section. You’ll see an empty panel with an "Add" button.
2. Click "Add" to open the list of widgets:

  • Widgets are grouped by plan. The plans are “Basic” and “Standard.”

  • Widgets are grouped by category: "Analytics,” "Basic,” and "Data Processing.”

  • Clicking the "Add" button next to a widget adds it to the widget panel. The added widget can be enabled/disabled, customized, or removed from the web map.

  • For more information on working with widgets, see the Widgets section.

Settings

Configure basic map settings here.

Map settings
Here you can configure the map’s initial extent, i.e. what part of the earth’s surface you see when you open the application and at what scale.

There are two ways to do so:

  1. Manually enter the center coordinates and map scale.

  2. Save the current map position by clicking "Use current value." The parameters will be filled in automatically.

You can select the projection you need from the drop-down list:

  • Mercator projection

  • Polar projection

You can also choose the background color of the map by selecting it in the corresponding window.

Logo and title
Here you can change the map design by specifying the name and description. The map logo is added by URL address.

Side panel settings
Here you can choose whether to show or hide the side panel when you open the application.

Saving your project

Click the "Save project" button when you are finished. If you forget to save, the system will remind you automatically.

Export and import

You can save data in customized display styles and other map settings in JSON format by selecting the corresponding button in the export and import menu.
Similarly, you can upload your project with the display styles already set up. After uploading the JSON file, you will have a ready-to-use map.

Configuring layer display options

How to set up visualization for your data on a map

How to begin setup

The GISCARTA platform allows you to easily and conveniently configure the display of your data on the map. You can do so in the "Edit layer" menu.
To access, click on the three-dot icon to the right of the layer name and select "Edit." This displays a panel where you can configure the basic settings.

Main settings

In this section, you can:

  • Rename the data layer by typing its name in the corresponding field

  • Use the slider to adjust its transparency (when the Layer transparency widget is enabled)

  • Enable or disable identification (displaying the layer information window)

  • Select the displayed field (its value will be displayed in the information window title)

Fields

In this section, you can customize the list of fields that will be displayed in the information window of the layer, as well as their aliases (field aliases will also be used for the Attribute table).
This allows you to select only the relevant information for the demonstration and not display various technical fields, or simply declutter the information window.

You can use the checkboxes to mark the fields that will be displayed and rename them in the right-hand column if necessary. You can also change the order in which attributes are displayed in the information window by simply dragging the fields in the given section.

Legend

This tab is used to set up the display of the legend on your map. Click on the Legend widget icon.

Filtering

This tab allows you to configure filtering by attribute value, which will then be available as a set of filters under each layer in the "Layer list" of your project.
Click on the "+" icon to add an attribute to filter by. Then, next to the added attribute, click the "Settings" icon and configure the filtering settings.
To do so, set an attribute, create a filter name and choose a filter type (see Figure 3):
for the selected layer by selecting the appropriate option:

  • Checkboxes — multiple values can be selected

  • Radio buttons — one value can be selected

  • Range — it is possible to select a range of values to display

Add the values of the fields you want to be filtered (using the "Add value" button) or load unique values automatically (using the "Add all" button).
Enable or disable the default filter for each field by clicking the corresponding checkbox.
It is also possible to delete the added filter value by clicking on the "Trash" icon.
To display filters, click the filter icon next to your layer name, and the filters you have set will be displayed in the opened block (see Figure 4).
Pressing the "Reset" button resets all selected filter values.

Styling vector data

Here you can set the display style of attributes for the selected layer by choosing from one of the following options:

  • Single symbol

  • Symbol by one attribute

  • Symbol by several attributes

  • Pie chart

  • Heatmap

Single symbol

This style is applicable to all spatial elements and refers to a single display for all objects in the layer. It is possible to customise the symbol, size, fill, border (see Figure 1). For point layers, you can also upload your own symbol in svg format and up to 400kb in size (see Figure 2).

Here you can set the display style of attributes for the selected layer by choosing from one of the following options:

  • Single symbol

  • Symbol by one attribute

  • Symbol by several attributes

  • Pie chart

  • Heatmap

Single symbol

This style is applicable to all spatial elements and refers to a single display for all objects in the layer. It is possible to customise the symbol, size, fill, border (see Figure 1). For point layers, you can also upload your own symbol in svg format and up to 400kb in size (see Figure 2).

Here you can set the display style of attributes for the selected layer by choosing from one of the following options:

  • Single symbol

  • Symbol by one attribute

  • Symbol by several attributes

  • Pie chart

  • Heatmap

Single symbol

This style is applicable to all spatial elements and refers to a single display for all objects in the layer. It is possible to customise the symbol, size, fill, border (see Figure 1). For point layers, you can also upload your own symbol in svg format and up to 400kb in size (see Figure 2).

Symbol by one attribute

This style is applicable to all spatial elements and refers to a display set by one of the layer’s attributes. To do so, select an attribute from the drop-down list and then set up the styling for the values of this attribute.
For text attributes, it is possible to automatically load all values by selecting the "Unique values" method and clicking the "Set" button (see Figure 1).

For numeric attributes, you can set intervals using the following methods (see Figure 1):

  • Equal intervals is a method that will divide the range of values into equal-size classes. For example, three classes for the range of values from 0 to 300 will be created with the following ranges: 0 — 100, 101 — 200, 201 — 300.

  • Equal number (quantile) is a method that will split the range of values into classes equal to the number of objects within each class.

  • Natural Breaks (Jenks optimization) is a method that will split the range of values into classes, the differences between values within which will be maximal.

Now you can set the symbol style for each of the set values separately or apply the general settings to all values by clicking on the "Gears" icon next to the word Symbol (see Figure 2). General settings include selecting a palette or fill, and setting the look and size of the symbol.
You can also specify value aliases for the Legend layer.

Symbol by one attribute

This style is applicable to all spatial elements and refers to a display set by one of the layer’s attributes. To do so, select an attribute from the drop-down list and then set up the styling for the values of this attribute.
For text attributes, it is possible to automatically load all values by selecting the "Unique values" method and clicking the "Set" button (see Figure 1).

For numeric attributes, you can set intervals using the following methods (see Figure 1):

  • Equal intervals is a method that will divide the range of values into equal-size classes. For example, three classes for the range of values from 0 to 300 will be created with the following ranges: 0 — 100, 101 — 200, 201 — 300.

  • Equal number (quantile) is a method that will split the range of values into classes equal to the number of objects within each class.

  • Natural Breaks (Jenks optimization) is a method that will split the range of values into classes, the differences between values within which will be maximal.

Now you can set the symbol style for each of the set values separately or apply the general settings to all values by clicking on the "Gears" icon next to the word Symbol (see Figure 2). General settings include selecting a palette or fill, and setting the look and size of the symbol.
You can also specify value aliases for the Legend layer.

Symbol by one attribute

This style is applicable to all spatial elements and refers to a display set by one of the layer’s attributes. To do so, select an attribute from the drop-down list and then set up the styling for the values of this attribute.
For text attributes, it is possible to automatically load all values by selecting the "Unique values" method and clicking the "Set" button (see Figure 1).

For numeric attributes, you can set intervals using the following methods (see Figure 1):

  • Equal intervals is a method that will divide the range of values into equal-size classes. For example, three classes for the range of values from 0 to 300 will be created with the following ranges: 0 — 100, 101 — 200, 201 — 300.

  • Equal number (quantile) is a method that will split the range of values into classes equal to the number of objects within each class.

  • Natural Breaks (Jenks optimization) is a method that will split the range of values into classes, the differences between values within which will be maximal.

Now you can set the symbol style for each of the set values separately or apply the general settings to all values by clicking on the "Gears" icon next to the word Symbol (see Figure 2). General settings include selecting a palette or fill, and setting the look and size of the symbol.
You can also specify value aliases for the Legend layer.

Symbol by several attributes

This style is applicable to Point layers and refers to a display adjusted by several layer attributes. Here you can set the display of attributes in three categories (see Figure 1):

  • By symbol

  • By color

  • By size

To do so, select the attribute for each category and the way it will be set: Unique values or interval types (see Symbol by one attribute). You can also configure the values and styles manually.
You can also specify value aliases for the Legend layer.

Bivariate map

This style is applicable to all types of geometry, but is most often used for polygonal layers. In this case, stylization is based on 2 numeric attributes, for each of which 3 intervals are generated and, accordingly, 3 colors. Then these colors intersect and a 3x3 matrix with 9 colors is obtained. In other words, the bivariate choropleth style shows the dependence of two attributes on each other and allows you to clearly represent this on the map. In the style settings (Figure 1), you need to select numeric attributes, interval types (see Symbol by one attribute) and colors. You can also customize the axis labels and change the border, symbol and size (if a point layer is configured) by clicking on the gear. Figure 2 shows the legend of this style on a map.

Pie chart

This style is applicable for point layers and refers to displaying a chart at a point that is set by several layer attributes. Here you can set the point size (see Figure 1) based on a numeric attribute by selecting one of several options: Unique values or interval types (see Symbol by one attribute). In addition, you can specify the numeric fields used to construct the pie chart (see Figure 2). The sectors are divided according to the share of each of the attributes in the total for each object (see Figure 3). User can also customise the type of chart: Pie, Donut, Bar. And choose a style: 2D or 3D (see pictures 4, 5, 6)

Heatmap

This style is applicable to point type geometry and allows you to configure the display as a heatmap. When configuring this style, you can choose a numeric attribute for the degree of change for the point color intensity. If an attribute is not selected, then all points are set to the same intensity and a heatmap is created based on the point density distribution. If an attribute is selected, each point will be weighted by the attribute’s value. A point weight can vary from 0 to 1. If the value is greater than 1, then the point weight is set to 1. If the value is less than 0, then the point weight is set to 0. Therefore, an attribute with a weighted value between 0 and 1 is needed in order to get correct results.
You can also change the gradient palettes, the point radius and its blurring. In the "Alias" column, the caption for the Legend layer can be set.

Heatmap

This style is applicable to point type geometry and allows you to configure the display as a heatmap. When configuring this style, you can choose a numeric attribute for the degree of change for the point color intensity. If an attribute is not selected, then all points are set to the same intensity and a heatmap is created based on the point density distribution. If an attribute is selected, each point will be weighted by the attribute’s value. A point weight can vary from 0 to 1. If the value is greater than 1, then the point weight is set to 1. If the value is less than 0, then the point weight is set to 0. Therefore, an attribute with a weighted value between 0 and 1 is needed in order to get correct results.
You can also change the gradient palettes, the point radius and its blurring. In the "Alias" column, the caption for the Legend layer can be set.

Heatmap

This style is applicable to point type geometry and allows you to configure the display as a heatmap. When configuring this style, you can choose a numeric attribute for the degree of change for the point color intensity. If an attribute is not selected, then all points are set to the same intensity and a heatmap is created based on the point density distribution. If an attribute is selected, each point will be weighted by the attribute’s value. A point weight can vary from 0 to 1. If the value is greater than 1, then the point weight is set to 1. If the value is less than 0, then the point weight is set to 0. Therefore, an attribute with a weighted value between 0 and 1 is needed in order to get correct results.
You can also change the gradient palettes, the point radius and its blurring. In the "Alias" column, the caption for the Legend layer can be set.

Styling raster data

Here you can customize the raster data display style by selecting the appropriate option:

  • By gradient

  • By band

By gradient
This styling type is used to stylize rasters by 1 selected band using a customized gradient (see Figure 1). You can change the ranges for the specified gradient (including making the ranges discrete) (see Figure 2). You can also change the display by specifying colors and intervals manually (up to 5 intervals are available in the online version) (see Figure 3).
By band
This style is used to stylize multi-band rasters (see Figure 4). You can choose which band corresponds to the Red, Green, and Blue spectrum in the RGB model. And also change ranges for each channel.

You can also customize the following characteristics for all images (see Figure 6):

  • Hue

  • Saturation

  • Brightness

Labels

In this tab you can enable and set the style of labels according to the selected fields or any text. To do so, switch the activation button to the corresponding mode. Then select fields (attributes) from the drop-down list that will be used for labeling features and set the format of the Label: font, size, color, text position relative to the object, halo parameters. You can use the \n character to break a line in a Label. For line features, settings for the position and alignment of the label are also available (top, bottom, intersecting, at the beginning, at the end and in the center).
The user can also configure the visibility of labels depending on the zoom level of the map.

The end user will be able to enable and disable object labels by clicking on the Style icon next to the layer name (see Figure 2).

Clustering

This section is available only for Point layers added to the map as vector data.
Clustering makes it easier to view a Point layer with a large number of objects. Once clustering is enabled, object points are grouped into clusters when zooming out, increasing map readability.

In this tab you can:

  1. Enable or disable clustering.

  2. Select the clustering algorithm ("Simple grouping" or "Pie Chart")

  3. Set the cluster color (with the "Simple grouping" algorithm)

  4. Configure the cluster size

When choosing the "Simple grouping" algorithm, the color and size of the cluster are set by the user (see Figure 1).
When choosing the "Pie chart" algorithm, the user must have styling configured for one or more attributes. The color of a sector of the cluster pie chart will be automatically imported from the "Styling" section. The size of each sector will correspond to the number of points in the cluster with the respective attribute value.

The end user will be provided with the option to enable and disable clustering by clicking on the Style icon next to the layer name (see Figure 5).

Simple grouping

Pie chart

Widgets

Attribute table widget

Widget settings
Currently, field aliases are configured in the attribute table. To set field aliases, go to the "Fields" section in the corresponding Layers section settings (see Figure 2).

Widget description
To view the attributes table, select the layer of interest and click the three dots next to it's name. Next, select the "Attribute table" section, then the attribute table of the selected layer will open in the lower part of the map (see Figure 3). The user can also customise the display of the columns in the attribute table by clicking the corresponding button in the upper right corner of the widget (see Figure 4).

Basemaps widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure."
In the drop-down dialog box you will see the base maps (substrates) available for selection, for example: OSM (Open Street Map), Open Topo map, Topo, Google, ESRI World Street Map, etc.
You can select any substrate from the list and add it by clicking on the switch next to the base map, after which it will be available for selection when using the widget.
To upload your base map, click "Add base map." To add your base map, you will need to create a name for it in the window that appears, and insert the link to the map and the link to the preview.

For example:
Title — "Dark theme"
Map link — https://c.basemaps.cartocdn.com/rastertiles/dark_nolabels/{z}/{x}/{y}.png
Preview link — https://c.basemaps.cartocdn.com/rastertiles/dark_nolabels/2/1/1.png

Widget description
Click the "Gallery" icon in the lower left corner of the map window and select the current base substrate (map) for your project. To close the window, click the "Gallery" icon again (see Figure 3).

Change layer order widget

Widget description
When this widget is enabled, the end user as well as the application administrator can change the order of layers on the map. To do so, drag the appropriate layer to determine which layers will be above or below others on the map.

Create layer widget

Widget description
This widget allows the application creator to create new layers and automatically add them to data sources and to the map.

Layers can be of 3 types:

  • Point

  • Line

  • Polygon

To create a new layer, you need to click on the Create new layer button at the top of the Layers side panel (see Figure 1). After this, the user will be shown a modal window with the parameters of the future layer. In the first step, the user needs to select the layer geometry type, name, description and tags and click Next (see Figure 2). In the second step, you need to create attributes of the future layer with types and aliases and click the Save button (see Figure 3). After this, the layer will be successfully created and added to the map. The user will only have to fill it with objects through the context menu of the Add object layer (see Figure 4).

Cursor coordinates widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure." In the drop-down window, set the parameters for displaying the cursor position by selecting the units of measurement:
1. Degrees
2. Current map projection
Also, set the coordinate accuracy in decimal places: from 0 to 10.

Widget description
When changing the position of the cursor you will see its current coordinates in the lower right corner of the map window (see figure 3).

Dashboards

Widget settings
To set up a widget, click on the three dots opposite the widget name and select "Configure".

In the drop-down dialog box, you will see a list of dashboards, as well as the ability to create a new dashboard. Currently, the following types of dashboards are available for creation:

  • Doughnut chart

  • Pie chart

  • Line chart

  • Bar chart

For each chart, user can select a name, layer, and attributes by which it will be configured.

It is also possible to configure the general characteristics of the widget:

  • Location (in the side or bottom panels)

  • The effect of filters on charts

  • The effect of selection on charts

  • Displaying dashboards in the default publishing mode


Widget description
The end user will see dashboards customized by the app creator. Depending on the widget settings, the charts will be affected by filtering or selection within layers.

Editing widget

Widget description
This widget allows the map creator to edit layers added to the map.

The user can:

  • Change object attribute information

  • Change object geometry

  • Delete object

  • Add a new object

To edit an existing object, you need to click on the object once and click on the Pencil icon in the information window (see Figure 1). After this, a side panel opens with all the attribute information for this object. The user can change it and save it (see Figure 2). To add a new object, the user can select the appropriate section through the context menu of the layer or click on the Add object button in the editing mode of an existing object (see Figure 3).

Elevation profile widget

Widget settings
To customise the widget, click on the three dots next to the widget name and select "Configure." Then you can change the color of the line and fill of the elevation profile chart, select the units of measurement for the graph’s axes, as well as add or exclude statistics on heights along the profile line (see Figure 1).

Widget description
This widget allows the end user to draw a profile line on the terrain (either a broken line by successive clicks on the map, or a curve by clicking and holding the shift key) and get a graph of heights plotted along the profile line (see Figure 2). When you hover the cursor over the graph, the height of the area will be displayed, and the corresponding point on the profile line will be marked on the map. The constructed profile line on the map can be edited by dragging the corresponding line vertices.

Full screen widget

Widget description
The "Full screen" widget allows you to expand the map to full screen. To activate the widget, you need to click on the corresponding button in the upper right corner of the map (see Figure 1). To exit full-screen mode, you must press the Esc button on your keyboard or the widget button in the upper right corner of the map (see Figure 2).

Geodata AI widget

Widget description
This widget allows the application administrator to download data from OSM using AI technologies. The widget only works in builder mode and is not available to the final viewer of the application. When you click on the widget button, a window with an input field opens. The user enters any text and if there is a match in OSM, then data is added to the map. Data can be point, line, or polygon. Opposite each added layer there are 2 buttons - Zoom to layer extent and Add layer to your data sources. When you add a layer to your data sources, it will also automatically be added to your current project and can be configured as a regular vector layer. This widget has Beta status.

Grid widget

Widget description
When the Grid widget is added to the map, a section will appear in the Map Parameters menu that allows user to enable or disable the display of the coordinate grid on the map. You can also customize the color of grid lines and grid labels (see Figure 1).

Iframe widget

Widget settings
To configure the widget, you need to click on the three dots next to the widget name and select “Configure”. In the window that appears, you can specify a link to the web page that you want to display in the widget's modal window. You can also specify whether or not to open the widget when you first launch the project and the size of the window.

Widget description
A corresponding widget icon appears in the lower left corner of the map; when clicked, the user is shown a widget window with an open web page that the user specified in the widget settings. This widget can be used to display third-party web resources, as well as display other published GISCARTA projects (for example, in other map projections).

Initial extent widget

Widget description
This widget can be controlled by clicking the corresponding icon in the lower right corner of the map. Click on the "Home" icon to return to the initial extent that was set in Map settings.

Layers comparison widget

Widget description
This widget allows end user to compare vector, raster layers, as well as basemaps. After clicking on the widget button, user can select the type of comparison (vertical, horizontal, lens). Next, user selects the layer for comparison and its location relative to the swiper (right/left, top/bottom). The selected layer will always be displayed on the same basemap. The visibility of other layers can still be controlled from the layers list.

Layer export widget

Widget description
This widget enables you to export your map layers. To export a layer:
1. Press the "Export" icon in the lower left corner of the map to open the widget window
2. Select the layer to export from the list of layers in your current project
3. Choose file format (CSV, XLSX, GeoJSON)
4. Click the "Download" button
To close the window, click the "Export" icon again.

Layer transparency widget

Widget description
This widget enables you to change the transparency of the corresponding layer from 0 to 100%. To do this, click on the three dots next to the corresponding layer and move the slider to set the desired percentage of transparency.

Layer visibility widget

Widget description
This widget allows you to change the visibility settings of a layer depending on the zoom level of a map. To configure the visibility of layers, you need to click on the three dots next to the layer name and set minimum and maximum zoom levels within which this layer will be displayed (figure 1). These settings can also be made in the Basic section in the layer parameters (figure 2).

Legend widget

Widget settings
To set it up, select "Layers" from the menu on the left, then select the relevant layer and click on the three dots next to its name (see Figure 1). Next, select the "Edit" icon and in the window that opens select the "Legend" tab. To generate the Legend, click the Legend enabling symbol. The legend will be generated automatically based on the object styling you have set (see Figure 2).

Widget description
Click on the "Legend" icon in the lower right corner of the map to open the legend (see Figure 3). Scroll up and down in the legend window if there are many objects. To close the window, click the "Legend" icon a second time. The layer symbols will be displayed in the legend if the layer is enabled.

Map info widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure." A window will appear for you to create a text to describe your web application. You can add hyperlinks and lists, change the font size and type, and select other text parameters.
You can also click the checkbox to display the information window when you first open the application.

Widget description
Find the widget icon that appears in the upper right corner of the map. Click on it to display a modal window with information about the map.

Measure area widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure." In the drop-down window you need to select the units of measurement:
1. square kilometers
2. square meters

Widget description
In the bottom left corner of the map window you will see the "Angle ruler" icon. To measure the area you need to:
1. Click on the "Angle ruler" icon.
2. Plot the points one by one on the map and draw a polygon.
3. Complete the drawing of the polygon by double-clicking.
4. The value of the area of this polygon will be displayed automatically in the specified units.
When you are finished, click the "Angle ruler" icon again.

Measure distances widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure." Select the units of measurement in the drop-down window:
1. kilometers
2. meters

Widget description
In the lower left corner of the map window, you will see the "Ruler" icon. To measure the length:
1. Click on the "Ruler" icon.
2. Plot the points one by one on the map and draw a line.
3. Complete the line drawing by double-clicking.
4. The length of these lines will be displayed automatically in the specified units.
When you are finished, click the "Ruler" icon again.

My location widget

Widget description
This widget allows user to locate his current position on the map. To do so, click on the "Location" icon in the lower left corner of the map.
You also need to enable location detection in your browser settings.
After clicking the "Location" icon, the user will see his position on the map as an animation of diverging concentric circles around the point (see Figure 1). When you are finished, click on the "Location" icon again.

Print widget

Widget description
To print the map, click the "Printer" icon in the lower left corner of the map, and then the print setup window will open. Here you can enter the Name of your map. You can also choose to enable or disable the legend (by clicking the corresponding switch, see Figure 2), as well as the format and orientation of the print sheet.
Next, click the "Print" button and set the additional printing parameters (see Figure 3).
To close the window, click "Cancel."

Scalebar widget

Widget settings
To set up the widget, click on the three dots next to the name of the widget and select "Configure." In the drop-down window you will need to select your units from the following list:
1. Degrees
2. Imperial inches
3. American inches
4. Nautical miles
5. Meters
It is also necessary to select the style of the scale bar display:
1. Line
2. Scale
For the "Scale" style, you can set the number of scale divisions that will be displayed on the scale from 2 to 8, as well as enable numerical scale display (see Figure 3).

Widget description
In the lower left corner of the map window, you will see the scale bar display corresponding to your setting. The scale value will change depending on the map extent.

Selection widget

Widget description
This widget allows you to make selections in layers. Works with both vector layers and vector tiles. Allows you to get statistics on numeric fields among selected objects in the selected layer, namely:

  • Total number of objects

  • Maximum value

  • Minimum value

  • Average value

  • Standard deviation

  • Sum

You can select by clicking, using geometric shapes or using transport service areas.
Additionally, it allows you to export selected objects in the selected layer to XLSX, GeoJSON, SHP formats.

Storybook widget

Widget settings
To configure the widget, you need to click on the three dots next to the widget name and select “Configure”. In the window that appears, you can specify the time (in seconds) for changing scenes during animation.

Widget description
A corresponding widget icon appears in the lower left corner of the map; when clicked, the user is shown a widget window with the following functionality (see Figure 1). The application administrator can click on the “+” icon at any time to add a new Bookmark. By default, the map extent is saved as a Bookmark, however, if the “use layer settings” checkbox is clicked, the visibility of the layers, the selected base map, and the opened popup will be saved. In addition to adding new Bookmarks, the application administrator can delete or edit existing ones, change the order, or play all Bookmarks when pressing the Play button.
The end user of the application has access to switching between Bookmarks, as well as animation of the entire History (see Figure 2).

Time slider widget

Widget settings
In the widget settings (see Figure 1), you will need to select the layers based on which the Time slider will work. At the same time, a temporary field is mandatory in the layer. Please note that geoJSON does not support the format of temporary fields, so the data must be loaded in SHP file format. After selecting the layer in the "Settings" section (see figure 2) you can set the starting configurations of the widget, i.e.: time scale, time step, start time on the slider.

Widget description
To enable the widget, click on the corresponding icon on the map. Once the widget opens, a timeline with additional buttons appears on the map (see Figure 3). When using the widget, the user can change the layers on which the timeline is based, change the time step and the time scale. Once the settings are configured, the user can switch between dates and enable automatic consecutive date change by pressing the "Play" button.

Transport analytics widget

Widget settings
In the widget settings (see Figure 1) you can select a service for building routes and isochrones (GISCARTA's source currently available).

Widget description
To turn on the widget, click on the corresponding icon on the map. After opening the widget, a dialog box appears on the map (see Figure 2) with the option of building routes or accessibility zones. In order to build routes, you need to place at least 2 points on the map. After placing 2 or more route points on the map, the user can select the mode of transportation (car, bicycle, on foot) for the route. The user can also move the order of the route points or view the details of the route by clicking on the generated route (see Figure 3).
In order to build transportation accessibility zones, the user can go to the corresponding section and put 1 or more points on the map. Once a point is placed on the map, the user can change (see Figure 4):

  • The mode of transportation (car, bicycle, on foot)

  • The type of accessibility (movement from or to a point)

  • The type of unit (time (minutes) or distance (kilometers))

  • The isochrone boundary value (in minutes or kilometers)

  • The number of service areas (1, 2 or 3)

Zoom widget

Widget description
You can control this widget by clicking the corresponding icons in the map window in the lower right corner. Click on the "+" icon to zoom in and make objects appear closer, and the "-" icon to zoom out and make objects appear farther away.

Zoom to layer widget

Widget description
This widget enables you to change the zoom and boundaries of the map according to the extent of the corresponding layer. To use the widget, click on the three dots next to the name of the layer. Next, select the "Zoom to layer" option.