Google-map-react: Makers show wrong position even set {top, left} when zoom out!?

[nguyenthithao]

Dear all,
The marker I'm using css class like this
{
width: 50px;
height: 50px;
top: -25px;
left:-25px;
}
It show perfect if the map zoom in, but when I zoom out they seem go wrong way ?!
How do I deal with it?

[mpourismaiel]

I have the same problem using slightly different styling:

.marker {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -25px;
  left:-25px;
}

Anything I'm missing? The code above is taken from API.md

[ArmanMazdaee]

In my case, the issue had been fixed by adding the fallowing style to the marker:

transform: translateY(-50%);

[itsmichaeldiego]

@ArmanMazdaee is right, the correct approach would use to use transform.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.