All markers rendering when mouse moves.

I have a map with 300 markers. When I move the cursor over one marker, all 300 markers are re-rendered. With a small number of markers this doesn’t matter, but with hundreds it gives a significant performance lag. The re-rendering seems to occur even when onChildMouseEnter and onChildMouseLeave are absent.

Is this the expected behavior? Is there a way to prevent it?

[thunderkid]

Ok, thanks. For me, adding the experimental tag improves performance significantly, for both development and production builds. With 1000 markers on a desktop machine there is now almost no perceptible lag. (Although I admit that with 4000 markers the lag is still very bad at ~500ms. I don’t know whether I can improve that. I’m investigating further.)

I have a request - if you deprecate the experimental property in the future, perhaps preserving this particular feature as a new noRenderOnHover property would be nice. (Or even require renderOnHover so that the default behavior is simpler with higher performance.) I know it’s not significant for small numbers of markers, but extra performance is always nice and sometimes essential. To me it also just seems cleaner that way, though I don’t know anything about your undocumented $ properties.

[istarkov]

The same math as in how to draw polygons https://github.com/istarkov/google-map-react/issues/62 And may be in other polygons issues