Google Maps Javascript API. How to insert an image that will be fixed in position and scaled depending on the zoom level?

Question

JavaScript

Hello. There is a task to insert a picture that will be fixed to a certain position (just like Polygon or any other figure) and the size of which will depend on the zoom level.
I tried to draw an overlay and, on the zoom_changed event, create a new overlay with the necessary parameters, but normally this overlay is not fixed in place. Let's say the initial zoom is 15. If we zoomOut to 16 and zoomIn back to 15, then the picture has already moved out.
I also tried to draw Polygon. Everything is fine, but I don't understand how to set background-image, in addition to fillColor.
If someone knows how to initially do it normally or how to fill a Polygon with a picture,please share your experience. Solving the problem is very important to me, thank you!

Answer 1

There is ready , and you have your bike.