Display center point of Hexagon layer

[MTVetter]

Is there any way to symbolize the hexagons in a hexagon layer like the image below?

If it's not possible to do something like that is there a way to possibly create a scatterplot layer using the center of the hexagon?

[Pessimistress]

You can supply your own sub layer class to HexagonLayer, something like:

class MyCustomLayer extends CompositeLayer {
  renderLayers() {
    return [
      new ColumnLayer(this.props),
      new ScatterplotLayer(
        this.props,
        this.getSubLayerProps({
          id: 'center',
          getRadius: 100,
          stroked: false,
          filled: true,
          getFillColor: [0, 0, 0]
        })
      )
    ]
  }
}

new HexagonLayer({
  // hexagon layer props...
  _subLayerProps: {
    'hexagon-cell': {
      type: MyCustomLayer
    }
  }
})

Reference

• CompositeLayer _subLayerProps
• HexagonLayer sub layers
• Writing a composite layer