title: Pigeon Maps Marker Issue
body: <p>I am trying to integrate a map in react specifically pigeon-maps since it is an open source.But,I am not able to get the co-ordinates from the map.Can anyone give me some code examples.I have set markers and overlay.I am able to center the map but have no idea how to get the latitude and longitude from the map.</p>
  
  <p>Below is the code for the mapcomponent I am trying to create</p>
  
  <pre><code>import React, { Component } from "react";
  import styles from "./mapcomponent.module.css";
  import Marker from "pigeon-marker";
  import Map from "pigeon-maps";
  import Overlay from "pigeon-overlay";
  
  class MapComponent extends Component {
    constructor(props) {
      super(props);
      this.state = { lat: null, long: null };
    }
  
    componentWillMount() {
      this.setState(
        {
          lat: Number(this.props.lat),
          long: Number(this.props.long)
        },
        () =&gt; {
          console.log("HERE", this.state.lat, this.state.long);
        }
      );
    }
  
    render() {
      return (
        &lt;div className={styles.container} width="500px" height="500px"&gt;
          &lt;Map center={[this.state.lat, this.state.long]} zoom={12}&gt;
            &lt;Marker anchor={[this.state.lat, this.state.long]} payload={1} /&gt;
            &lt;Overlay
              anchor={[this.state.lat, this.state.long]}
              offset={[120, 79]}
            &gt;
              &lt;img src="pigeon.jpg" width={240} height={158} alt="" /&gt;
            &lt;/Overlay&gt;
          &lt;/Map&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default MapComponent;
  </code></pre>
  
  <p>Can anyone help me to and extend marker and manipulate its value</p>