title: How to add marker onClick and show my geolocation in google-maps-react?
body: <p>I found a lot of useful information on google maps documentation but with simple use of js in html, in case of <code>react</code> honestly I don't understand it.</p>
  
  <p>Source code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import {Map, InfoWindow, Marker, GoogleApiWrapper} from 'google-maps-react';
  
  export class MainMap extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;h1 className="text-center"&gt;My Maps&lt;/h1&gt;
              &lt;Map google={this.props.google}
                   style={{width: '80%', margin: 'auto'}}
                   className={'map'}
                   zoom={14}&gt;
                  &lt;Marker
                      title={'The marker`s title will appear as a tooltip.'}
                      name={'SOMA'}
                      position={{lat: 37.778519, lng: -122.405640}} /&gt;
                  &lt;Marker
                      name={'Dolores park'}
                      position={{lat: 37.759703, lng: -122.428093}} /&gt;
                  &lt;Marker /&gt;
                  &lt;Marker
                      name={'Your position'}
                      position={{lat: 46.475640, lng: 30.759497}}/&gt;
              &lt;/Map&gt;
              &lt;/div&gt;
          );
      }
  }
  
  
  
  export default GoogleApiWrapper({
      apiKey: (MY-API-KEY)
  })(MainMap);
  </code></pre>
  
  <p>i want to add marker by clicking on map and don't know how...
  help please!</p>