Skip to main content

Maps Component

The Maps component renders geospatial project data on a configurable basemap. Use it to show site and asset locations, activity concentration by area, resource distribution across a geographic region, or project footprint. Maps can display point, cluster, heatmap, and boundary layer types.

Presets

PresetDescription
Site locationsPoint markers for project site addresses or coordinates.
Activity clustersClustered point density by activity or work area location.
Resource distributionPoint or heatmap showing resource concentration by location.
Risk mapPoints colored by risk level at each location.
Progress by areaAreas (polygons) colored by completion % or status.
Asset registerPoints for physical assets with status icons.

Data binding

PropertyDescription
Latitude fieldNumeric field containing the latitude coordinate.
Longitude fieldNumeric field containing the longitude coordinate.
Label fieldField shown as the point or cluster label.
Color / status fieldOptional field for conditional point coloring.
Size fieldOptional numeric field for proportional point size (bubble map).
Geometry fieldFor polygon or line layers: a GeoJSON geometry field.

Location sources

When your data does not contain coordinate fields, the component can geocode using:

  • Address field — resolves a text address to coordinates (uses the configured geocoding service).
  • Named zone field — matches against pre-loaded zone or region boundaries.

Geocoding results are cached per report to avoid repeated API calls.


Layer types

Layer typeDescription
Point markersIndividual pin or icon per record.
Clustered pointsPoints merge into cluster circles when zoomed out; expand on zoom in.
HeatmapDensity heatmap showing concentration of records in an area.
BubblePoint markers with radius proportional to a size field.
Choropleth (polygon fill)Areas (polygons) filled by a value or status field.
LinePolylines connecting locations in sequence (e.g., route or corridor).
WMS tile layerOverlay from an external Web Map Service (WMS) URL.
GeoJSON overlayCustom boundary file uploaded to the blueprint.
Label layerText labels at specified coordinates.

Multiple layers can be stacked in the layer panel; toggle each independently.


Basemap styles

StyleDescription
RoadStandard street map with road names and labels.
LightMuted light gray basemap for data-heavy overlays.
DarkDark background for vivid data overlays in presentations.
MinimalStripped-down basemap with minimal label noise.
SatelliteAerial imagery basemap.
NoneNo basemap. For diagrammatic layouts using custom GeoJSON boundaries only.

Clustering options

PropertyDescription
Cluster radiusDistance in pixels within which points are merged into a cluster.
Cluster colorBackground color of the cluster circle.
Cluster labelCount of points in the cluster.
Expand on zoomClusters break apart as the user zooms in.
Max zoom to clusterClusters are not shown beyond a configured zoom level.

Heatmap configuration

PropertyDescription
Intensity fieldNumeric field controlling the heat intensity per point (leave blank for equal weight).
RadiusInfluence radius per point in pixels.
Color gradientFrom cool (low density) to hot (high density). Custom gradient colors configurable.
OpacityTransparency of the heatmap layer over the basemap.

Configure what appears when a user clicks or hovers a point:

PropertyDescription
Popup fieldsFields shown in the click popup.
Tooltip fieldsFields shown in the hover tooltip.
Popup layoutLabel-value list or card style.

Export behavior

Maps export as static images in PDF and as interactive JavaScript maps in web outputs. For PDF export, the current viewport (zoom and center) at export time is used. Set the default zoom and center in Properties → Default view before exporting.


Good practice

  • For formal project status reports, use the Site Locations or Progress by Area preset and lock the map extent to the project area before export.
  • Avoid using satellite basemap in black-and-white PDF exports — use Light or Minimal instead.
  • Add a north arrow and scale bar annotation for engineering and construction deliverables.
  • Geocode-heavy reports should test geocoding coverage before final export.