title: How to use maps as location input in react?
body: <p>I am trying to make a form that a user can search their location or pin his location. I am using <code>react-leaflet</code> for loading a map and <code>react-leaflet-search</code> for adding the search functionality. 
  The search functionality is working fine. Below you can see the code.</p>
  
  <pre><code>&lt;Map center={position} zoom={zoom}  onDragEnd = {function(e){ console.log(e);}} &gt;
    &lt;TileLayer
      attribution='&amp;copy; &lt;a href="http://osm.org/copyright"&gt;OpenStreetMap&lt;/a&gt; contributors'
      url='https://{s}.tile.osm.org/{z}/{x}/{y}.png'/&gt;
    &lt;Search 
      position="topright" 
      showPopup={false} 
      provider="OpenStreetMap" 
      showMarker={true} 
      openSearchOnLoad={true} 
      closeResultsOnClick={true} 
      providerOptions={{ region: "np" }}/&gt;
  &lt;/Map&gt;
  </code></pre>
  
  <p>What I want to do is to access user's entered location or latitude longitude of the marker that is displayed after user selects the location. I tried to search for event listeners, but could not find any. Currently I am trying to use <code>onDragEnd</code> event but I have not succeeded yet. Could anyone tell me how to achieve what I am trying to do?</p>