title: Close open info window on individual markers 'react-google-maps'
body: <p>I am using React-Google-Maps. I am trying to get my infowindow to open and close on each click of the marker. I set a showInfo key on my object when I mapped over my data and call a function to change the value of the boolean on click. This does not seem to work when trying to display my infowindow. Any suggestions? Code here.</p>
  
  <p>render() {
      const markers = this.props.markers.map((item, i) => {</p>
  
  <pre><code>  const marker = {
      position: {
        lat: item.position.lat,
        lng: item.position.lon
      },
        title: item.title,
        showInfo: false,
        price: `${item.price}/day`,
        images: `http://res.cloudinary.com/letitmow/image/upload/w_40,h_40/${item.images[0]}.jpg`,
    }
    return &lt;Marker
    onClick={()=&gt; {marker.showInfo = !marker.showInfo}}
    {...marker}&gt;
   {marker.showInfo &amp;&amp; (
    &lt;InfoWindow
     onCloseClick={()=&gt;{marker.showInfo = !marker.showInfo}}
     &gt;
      &lt;Link to={`/listings/${item._id}`}&gt;
        &lt;div&gt;
          &lt;h2&gt;{marker.title}&lt;/h2&gt;
          &lt;img src={marker.images} /&gt;
          &lt;h3&gt;{marker.price}&lt;/h3&gt;
        &lt;/div&gt;
  
      &lt;/Link&gt;
  
    &lt;/InfoWindow&gt;
  )}
    &lt;/Marker&gt;
  });
  </code></pre>