Is there a way to make markers with dynamic labels

[nonoumasy]

I would love to use this library since it has more functionality than react-google-maps but the one thing thats stopping me is that I can't style the markers as I want. I want to be able to style it as well as add dynamic content inside such as number labels.

[nonoumasy]

I got this to work using...

<OverlayView
    onClick={() => alert(item.id)}
    position={{
      lat: item.latitude ? item.latitude : 0,
      lng: item.longitude ? item.longitude : 0,
    }}
    mapPaneName={OverlayView.OVERLAY_MOUSE_TARGET}
  >
    <div style={{ display: "flex" }}>
        <div
          className="map-marker-container"
          style={{
            position: "relative",
            width: 60,
            height: 45,
          }}
        >
      <div className="popup">{i + 1}</div>
    </div>
  </OverlayView>