Map Layer GIS

Map Layer GIS

Display geometries, boundaries, areas, roads, pipelines, and more with the Map widget layer GIS. Each layer is defined by GeoJSON files (.geojson, .json, .zip), which you can upload and manage, either statically or dynamically.

Shapefiles are also accepted in this feature; to achieve that, upload a zip that contains the layer (.shx, .shp, .prj, .dbf) and it will be converted to GeoJSON.

1. Layer Type

Layer type defines where to get the layer file from, and it can be done statically or dynamically.

1.1 Static layer

In the Static layer, you can use the Widget config to input and choose a file, and this file can come from our files module or an external URL. In addition, the label input defines how the layer will be listed.

1.2 Dynamic layer

In the dynamic layer, the files are saved in a variable, this way developers can manage them easily, display the layers, and more. 

This is similar to the Data From field, from the Map widget.

Each variable value will display a GIS layer, you can control that using the Dynamic Table widget or Input Form widget.

In this case, the variable should have a payload like this so that the Map widget can successfully display a layer:

  "variable": "layer_variable",
  "value": "file name",
  "metadata": {
    "url" : "uploaded file URL",
    "label": "layer label"

Metadata is used to indicate files' URL or the label which defines how the layer will be listed

2. Layer color

You can use the colors for your figures from your file; you just need to indicate which property from the file represents this color. You can also override your file color with a fixed color or color conditions.

Color conditions can help to indicate the layer status based on variable data. The variable used for color conditions is defined in the Layer color config.

    • Related Articles

    • Map Widget

      Add the location of your variable to visualize your devices on the Map. You can also edit the icon and color of the pins, add images, create links, add geofences & filters, and more! The variable data should look like the following payload. Note that ...
    • Geofences in map widgets

      Geofences allow developers to color parts of the map and determine events in specific areas. To create a geofence, go to Geofence options in your widget's configuration. Then, set the option Allow users to edit geofence to yes. You can choose to ...
    • Heat Map Widget

      With the Heat Map widget, you can build a colorful layer with bubbles representing the intensity of the variables on top of your image. The higher the value of the variable, the more red the bubble will be, and you can also add a heat scale to this ...
    • Map filters

      You can filter the results being displayed in a map in order to minimize the amount of information shown, allowing you to find exactly what you are looking for.  1. Filter using pins' data In the widget's configuration, in Filter options, you can ...
    • Images and Links in the map's pins

      Developers can add an image and an url link to each pin on the map. To add images and URL to your pins, head over to Advanced Options by clicking in the options menu of the widget, and then in the Edit option. To set the image of the pin, set the ...