Incorrect marker animations with google maps API beta renderer
There is a beta renderer for the google maps API
https://developers.google.com/maps/documentation/javascript/beta-renderer
With the beta renderer, the react markers behave very strangely when zooming in. Best I can tell, this is for two reasons:
-
The new renderer uses fractional zoom levels during the zoom animation. But
map.getZoom()doesn't return the fractional zoom. Instead, it's reflected in the projection, and factored into methods like.fromLatLngToDivPixel(). -
The new renderer calls
OverlayView's.draw()method on every frame of the animation. But it seems like this library draws its markers at some other point in time — not during.draw().
For an example of how OverlayView is properly used to draw markers, see https://developers.google.com/maps/documentation/javascript/examples/overlay-popup