Markers do not clear out when you render with a new set of markers about google-maps-react HOT 8 CLOSED

@coreyar we didn't find the cause of the issue.

Came back to this library and ended up supplying a unique key for each marker whether the location was the same as a previous marker or not. That clears the previous set of markers just fine.

Used a timestamp with the object's array index concatenated to get a unique key.

from google-maps-react.

I'm not sure I understand the question... perhaps can you post a jsbin/jsfiddle with the issue?

from google-maps-react.

I render a first array of markers. When I change that array and render the markers are updated. When I change the markers a second time that second array stays rendered with the new ones.

Adding a unique key prop to the markers each time seems to fix the issue. The markers are all correctly updated each time.

I will try tomorrow to post to jsbin.

from google-maps-react.

Any updates on this @joserocha3 ?

from google-maps-react.

I ended up using a different library. You can close this. Thanks for your help.

from google-maps-react.

@joserocha3 I am having the same issue. Did you find what was causing the problem? What library did you end up using?

from google-maps-react.

@joserocha3 You are a lifesaver. That worked so well.

from google-maps-react.

I think part of the problem, at least for markers that haven't changed position, is the check for this.props.position !== prevProps.position in Marker componentDidUpdate. I think it needs to do a deep comparison:

this.props.position.lat !== prevProps.position.lat || this.props.position.lng !== prevProps.position.lng

from google-maps-react.