How to add an information box, or an html layer

[ninjaKris]

I'm working on a project that has icons on a map. One of the requirements is that each of the icons has an information box (text, icons, etc) placed right above it. It's almost like an always-on tooltip. The problem is that I can't find any layers that do this. Can someone advise? I need for it to be persistent (ie, not onHover or onClick)

Example:

[Pessimistress]

You can use a react-map-gl Marker.

[ninjaKris]

This is what I was looking for. Thank you

[ibgreen]

There also some deck.gl compatible HTML overlays in https://nebula.gl that may be of interest.

[ninjaKris]

@Pessimistress , Markers seemed to solve my issue however I can not click on the href inside my marker box. I looks to be hidden behind the canvas. Playing around with z-index works, but removes the deck layers. Any solution to this?

[Pessimistress]

https://deck.gl/docs/api-reference/react/deckgl#contextprovider