Adding a heatmap layer

Heatmaps are commonly used in geospatial mapping to visually display the density of points or features across a geographical area. A heatmap is a graphical representation of the data where the values are represented as colours on a map, with hotter colours indicating higher values and cooler colours indicating lower values.

You can easily add and configure a heatmap layer to your project in Coreo using the Map Builder.

To access the Map Builder:

  • Select your project and navigate to the Configuration menu using the side panel or breadcrumb trail at the top of your screen.
  • Select the Map Builder option from the menu.
Map config

When you first arrive in the Map Builder you’ll see a globe view of the world map on the right, and any existing layers you have on the left.

Map config
  • In the Other Layers section select the “Add new layer” + icon
Map config
  • In the Layer Name box type a name for your Heatmap, e.g ‘Heatmap’.
  • In the Layer Type box choose Heatmap.
  • Select your Heatmap Data Source from the drop-down list. This will either be Coreo Records or Coreo Collections. Select ‘Coreo Records’.
  • Choose which Form you want to create a heatmap layer from – you will be presented with a list of potential forms which contain geospatial data suitable for creating a heatmap.

Select Create Layer to add the layer to your project map.

Map config

You can now go ahead and adjust your heatmap’s properties to suit your requirements.

Heatmap properties

When adding a heatmap layer to your map, you will need to configure a few properties. Understanding what these properties mean is key to creating a heatmap that accurately represents your data and strikes the right balance between too much detail and being a single, generalized blob.

Map config
  • Heatmap Radius: Sets the radius for each point in pixels. The bigger the radius, the smoother the heatmap and the less amount of detail.
  • Heatmap Weight: Measures how much each individual point contributes to the appearance of your heatmap. Heatmap layers have a weight of one by default, which means that all points are weighted equally. Increasing the heatmap-weight property to five has the same effect as placing five points in the same location.
  • Heatmap Intensity: A multiplier on top of heatmap-weight that is primarily used as a convenient way to adjust the appearance of the heatmap based on zoom level.
  • Heatmap Colours: Defines the heatmap’s colour gradient, from miniumum value to maximum value.
  • Heatmap Opacity: Controls the global opacity of the heatmap layer.

Viewing your heatmap in the Coreo app

To view your new heatmap in the Coreo app, visit the relevant project and select the Layer Switcher icon.

Layer switcher
  • Scroll to the bottom of the window until you see the Map Layers section. Toggle the required layer (in this case “Heatmap”) to be visible.
Map layers
  • Tap back onto the map to dismiss the Layer Switcher and your heatmap will now be visible on the map.
Map layers
Was this article helpful?