Map filters

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 customize the filter and how the pins' data will be listed in the table.

The Filter table lists pins' data that are displayed on the map., and you can choose between the device name or a variable value to represent a pin's data. Once the row in the table is clicked, the pin will be centered on the map.

You can do so by selecting the Add filter buttonFrom there, there are three ways to filter the results: by filtering by the name of the variable itself, by the name of the device, or by the values from a variable.

Filtering the values means that all of the values from the variables will be shown, but only for the variables selected.

Once the filter is enabled, a filter button will be displayed on the top left of the map widget.

Keep in mind that list by value in the Filter table only shows the values from the variables, and not the latitude and longitude of positions, for example.


2. Filter using dates

You can pre-set some date filters for the data to be displayed, and the dates can be personalized to better suit the application needs. The result can be seen in the image below:

To display the date filter, just go into the Preset time interval tab in the map's configuration, and then select the intervals that will be available for the user to filter. Check out the example below for an example:

The possible units of time available to you are the following:

  • minute
  • hour
  • day
  • week
  • month
  • year

    • 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 ...
    • 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 ...
    • 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 ...
    • 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 ...

      Aug 30 - Join us at TagoIO Connect Global, our annual conference. Learn new features and use cases. Register Here


        Future and past Webinars