I have a use case where on mouseover I want to change the icon of the marker. maybe i'

Thinking in React: when hover, call setState() to change it</l

<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="73

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

set methods on marker? about react-google-maps HOT 7 CLOSED

tomchentw commented on June 10, 2024

set methods on marker?

from react-google-maps.

Comments (7)

tomchentw commented on June 10, 2024 3

Thinking in React:

when hover, call setState() to change it
in render function, use this.state to determine which icon to use for the marker, and pass to it:
<Marker icon={icon} />

from react-google-maps.

tomchentw commented on June 10, 2024 3

#44

from react-google-maps.

kellyrmilligan commented on June 10, 2024

sorry to bother you, any ideas on how to dynamically update existing markers? the only solution i've found, but causes the markers to flicker is to set an active marker on the state, and when building the markers change that one that was clicked/hovered. this is not ideal for user experience of course. i'm investigating just rolling my own if this is not possible with this component.

from react-google-maps.

tomchentw commented on June 10, 2024

That's why I don't expose any set related methods out to the component.

from react-google-maps.

tomchentw commented on June 10, 2024

Close this. Feel free to reopen.

from react-google-maps.