programmatically click marker

I have a scrollable/horizontal list of locations on the bottom of the map, the idea is that the user can click on a location in this list, and I want to programmatically click or show the corresponding markers InfoWindow.

I have this method for when a user clicks on a marker which works fine:

onMarkerClick(props, marker, e) { this.setState({ selectedPlace: props, activeMarker: marker, showingInfoWindow: true }); }

While i can reproduce the “props” parameter, I haven’t been able to reproduce the “marker” parameter.

Is there anyway to do what I describe?

In the attached file I want to be able to click on the banner on the bottom, Strathcona Park, when I do that, I want to open up the markers InfoWindow inside the map.

[abedsh]

You can reference the marker you want to click by ref id.

<Marker ref={“marker1”} />

retrieve the marker you want to with var ref= this.refs.marker1;

[FelixSchwarzmeier]

Thanks @abedsh 👍 You can then call onMarkerClick using:

this.onMarkerClick(this.refs.marker1.props, this.refs.marker1.marker);