I am trying to use the Google Maps API Platform properly.

In my Nextjs application I have a map displayed.

The goal is to have a polyline that I got from the DirectionsService and get it on the map.

But the polyline has to be editable and the control points need to be customizable as they need styling and an onClick method.

The built-in editable tag of the google.maps.Polyline is simply not enough.
I wish I could just pass the control point icon and be done.

I have looked at using markers but am not sure if that’s the right path.

Thank you for your help.