Some days ago I was asked to make a google maps with a nice translucent bar on “position absolute”.
Everything worked fine until some of the map markers went under the box.
To fix this issue I had to use the Projection object to translate the vertical and horizontal box pixels into gmaps coordinates and then extend the map bounds.
Here’s the code:
and this is the codepen:
See the Pen Google Maps paddings by Emanuele Tessore (@setola) on CodePen.0