Remove marker jiggle. by stephenfarrar · Pull Request #603 · google-map-react/google-map-react

Sorry for being slow to respond.

MapPanes is a concept in the Maps JS API. You can see that the react markers are placed inside the panes here:

panes.overlayMouseTarget.appendChild(div);

Initially, the panes are located at the centre of the map. But as you pan the map, the panes move too, so that it's not necessarily (usually) to reposition the markers. As you zoom the map, you will have to reposition the markers.

So there are really three different reference points for coordinate: the map centre, the map top left ("container pixels"), and the map panes ("div pixels"). We use the map centre for server-side rendering, map top-left for mouse events, and map panes for dynamic rendering.