Overview

A map's primary capability is to enable visualization and analysis on geospatial data from your Ontology. Once you have added objects to your map, you can configure styling configuration to represent various properties of your objects. At a high level, an object layer contains multiple geometries (for example, icons, lines, polygons) that represent the objects on the map. Each geometry can be styled to represent different properties of the objects, such as color, size, and opacity.

Edit layer styling

To edit the style of a layer, use the Edit styling option for the layer you want to configure. The styling panel will open, and contains a couple sections:

  • Layer style: Configure a default color and opacity that can apply to multiple geometries in a layer.
  • Geometries: Add geometries and configure style for each geometry independently.

Edit styling button.

Layer style

The Layer style section allows you to configure styling that applies to all geometries and objects in a layer. The styling options that can be controlled in layer style are color, opacity, labels, and tooltips. See the Value based styling and Opacity styling sections for more information on how to configure the color and opacity.

Labels and tooltips

There are two optional toggles related to labels and tooltips:

  • Show labels: Controls whether a label appears on the map for each item in the layer.
  • Show tooltips: Controls whether items in the layer will show a pop-up with contextual information when hovered.

Labels example.

Label content for object layers

For object-backed layers, labels and tooltips may contain the following:

Label content example for airport objects.

Properties or series can also be added from the selection panel using the menu that appears when hovering on a property or series, as pictured below.

Add pinned property.

Geometries

An object layer can contain many geometries, each of which is a different way of representing the layer's objects on the map or in the timeline. By combining multiple geometries, you can create complex visualizations to can represent multiple properties at once and provide a more detailed view as you zoom in. The various geometry types available are:

You can add a new geometry using the Add geometry option below the Geometry section.

Add geometry option.

The add geometry menu has two sections:

  • By object property: Choose a property available on the object type for the layer, and add a geometry configured to use that property to the map.
  • By geometry type: contains all the various geometry types that can be rendered by the Map. Only those geometries which can be fully configured for the layer's object type are enabled.

Each geometry contains many attributes that can be styled, which are covered in detail on each geometry's respective page. Most attributes on geometries follow the value-based styling paradigm described in the following section.

Value-based styling

Use Value-based styling to control the appearance of a geometry rendered for an object by a value associated with that object. For example, you can configure the color of an icon to represent the temperature of a weather station, or the size of a circle to represent the number of employees at a company. The most common types of attributes that use value-based styling are colors and numeric attributes (for example, line width, icon size, circle radius, etc.).

The idea is that for each object being rendered, you specify a value source, which determines the a value to use for styling from each object being rendered. Then, specify some way of converting a value into the style attribute (for example, color, size, opacity). The value sources typically available for each stylable attribute are:

  • Fixed: Explicitly select a single style value that will be applied uniformly to all objects in the layer.
  • Property: Style each object according to a property on the object.
  • Function: Style each object according to a value computed by a derived property Function.
  • Measure: Style each object according to a time series measure.

Once you have selected the value you wish to use, the configuration for converting it into a style value (a color, line width, circle radius, etc.) depends on the type of attribute you are styling.

Color styling

The following sections describe the color-styling options available for each type of attribute.

Fixed

When using a fixed color style, select a single color that will be applied uniformly to all objects in the layer, by using the color picker.

Value-based

When coloring by a function, property, or time series that has numeric values, use the gradient editor to map values to output colors. The colors used in the gradients can be edited by selecting points the gradient bar. The numerical range (min/max) for the color gradient is automatically inferred, but this can be toggled off to set the range manually.

Gradient styling panel.

When coloring by a function, property, or time series that has string values, the Color mapping dropdown menu contains methods for mapping values to colors:

  • Manual: Explicitly specify colors to use per-value.
  • Automatic: Assign colors from a color scheme automatically to differentiate between different values without having to configure specific values.
  • None: Attempt to apply each value directly as a hex color.

Numeric styling

The following sections describe the numeric-styling options available for each type of attribute.

Fixed

When using a fixed numeric style, specify the numeric value by using the slider or entering an exact number in the input field.

Fixed numeric styling.

Value-based

When styling a numeric attribute (for example, line width or icon size), only properties that have numeric values can be used as a value source. Configure a mapping from your selected value source to the style attribute by selecting a Numeric mapping option:

  • Scaled: Define a linear scale to convert a value from the object to the number used for styling. Scaled numeric styling.
    • The top row controls the minimum and maximum values for the styling attribute, while the bottom row determines the range of values that will correspond to those min/max values.
    • In this example, the line width will be 3 for an object that has a "Daily count of flights" property value of 3, and 10 when the property value is 20.
  • None: The value of the property will be used directly as the style attribute, without any scaling or transformation.

Opacity styling

Use the Opacity section to control the transparency for objects in the layer.

The Value from dropdown menu contains the various ways in which you can specify opacity:

  • Fixed: Select a single opacity that uniformly applies to all objects in the layer.

  • By time: When rendering tracks or objects that are events, control their opacity based on the global time selection.

    Opacity by time options

    • Active opacity: Sets the opacity when the object or point is considered active.
    • Inactive opacity: Sets the opacity when the object or point is not considered active.
    • Active time buffer: Sets how temporally close an event or track point's timestamp must be to the current time cursor for it to be considered active.
    • Fade duration: Sets the time period over which an object's opacity fades from the active to inactive opacity, once it becomes inactive.
    • Hide until occurred: If enabled, an object will be fully hidden until the time cursor has passed the start of the event or a track point's timestamp.

    The Value from dropdown and By time opacity options will only appear when styling tracks or objects with event data. Otherwise, the opacity section will only display the fixed opacity option.

Geometry visibility by zoom level

Use the Zoom levels section to control the visibility range of the objects in the layer. The caret symbol indicates your current zoom level.

When the viewport is at a zoom level within the active range, the corresponding geometry will be rendered on the map. When outside the range, the corresponding geometry will be hidden.

The zoom level configuration only applies to layers that are toggled to be visible.

Zoom levels.