Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong Calculation on Zoom Out

See original GitHub issue

Hi!

I liked very much this plugins. Congratulations and thanks!

I really want to use this in my application, but I have a problem.

When I decrease the zoom, the positions of my Markers are wrong:

Initial position: screen shot 2016-06-10 at 11 46 49 am

Position on zoom out (my mark goes to ocean): screen shot 2016-06-10 at 11 54 02 am

My component code:

<GoogleMap
  bootstrapURLKeys={{ key: 'XXX' }}
  defaultCenter={myPosition}
  center={myPosition}
  defaultZoom={15}>
      <UserPin {...myPosition} />
 </GoogleMap>

I forgot some configuration or it’s a bug? Someone can help me?

Thanks!

Issue Analytics

State:
Created 7 years ago
Reactions:7
Comments:20 (3 by maintainers)

Top GitHub Comments

11reactions

GingerBearcommented, Aug 15, 2017

for anyone who has the same issue, the problem is that the custom marker is anchored at top left of the marker, but we actually want for marker to anchor is usually at center bottom. The fix would be adding a negative marginTop and marginLeft to adjust the anchor.

8reactions

itsmichaeldiegocommented, May 17, 2018

@Suresh-R-S You just need to use transform: translate(-50%, -50%) and that will do