title: I'm trying to number my Markers and show InfoWindow with google-maps-react
body: <p>I can't seem to be able to show the index from my json to google-maps-react, I can  see all the markers mapped out, but they show the default marker with no window popped out. Here is the code with the <code>&lt;InfoWindow&gt;</code> placed, react was complaining I have to put a parent div, when I do, I don't see any markers currently. </p>
  
  <p>My car2go json is mapping correctly, just not printing out <code>name={content.name}</code>.</p>
  
  <p>My map.js component:</p>
  
  <pre><code>import React, { Component } from "react";
  import Car2go from "../data/car2go/vehicles.json";
  import { Map, InfoWindow, Marker, GoogleApiWrapper } from "google-maps-react";
  
  export class MapContainer extends Component {
    constructor(props) {
      super(props);
      this.onMarkerClick = this.onMarkerClick.bind(this);
      this.state = {
        showingInfoWindow: false,
        activeMarker: {},
        selectedPlace: {},
        name: null
      };
    }
    onMarkerClick(props, marker, e) {
      this.setState({
        selectedPlace: props,
        activeMarker: marker,
        showingInfoWindow: true
      });
    }
    render() {
      const google = window.google;
      const style = {
        width: "70%",
        height: "70%",
        margin: "0 auto"
      };
      //const google = window.google;
      return (
        &lt;Map
          google={this.props.google}
          style={style}
          initialCenter={{
            lat: 53.59301,
            lng: 10.07526
          }}
          zoom={12}
          onClick={this.onMapClicked}
        &gt;
          {Car2go.placemarks.map((content, index) =&gt; {
            return (
              &lt;div&gt;
                &lt;Marker
                  title={index}
                  name={content.name}
                  position={{
                    lat: content.coordinates[1],
                    lng: content.coordinates[0]
                  }}
                  onClick={this.onMarkerClick}
                  name={content.name}
                /&gt;
  
                &lt;InfoWindow
                  marker={this.state.activeMarker}
                  visible={this.state.showingInfoWindow}
                &gt;
                  &lt;div&gt;
                    &lt;h1&gt;{this.state.selectedPlace.name}&lt;/h1&gt;
                  &lt;/div&gt;
                &lt;/InfoWindow&gt;
              &lt;/div&gt;
            );
          })}
        &lt;/Map&gt;
      );
    }
  }
  
  export default GoogleApiWrapper({
    apiKey: "xxxxx"
  })(MapContainer);
  </code></pre>