title: Google Maps - Drag & drop markers and draw routes
body: <p>I am trying to implement an interface like below with jQuery/JS and Laravel PHP framework. Could anyone help me to figure out the following questions I have?</p>
  
  <p><a href="https://i.stack.imgur.com/eZxGI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eZxGI.png" alt="easyvan"></a></p>
  
  <ol>
  <li><p>How to make the markers draggable and on marker release get the
  lat/lon?</p></li>
  <li><p>How can I show the real path between point 1 &amp; 2 (like the blue line. when I change the marker a new line will be drawn based on the shortest distance)?</p></li>
  <li><p>If there are multiple markers connecting to each others like below, how can I get the optimise route?</p></li>
  </ol>
  
  <p>For markers are connecting to each others.
  <a href="https://i.stack.imgur.com/sjH1j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sjH1j.png" alt="4 markers"></a></p>
  
  <p>This is the optimise route to visit all 4 markers (shortest path to visit)
  <a href="https://i.stack.imgur.com/Nsp5w.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nsp5w.png" alt="optimise"></a></p>
  
  <ol start="4">
  <li>Is there an open source project similar to this? (like jQuery calendar)</li>
  </ol>
  
  <p>If you know any resources/plugins related to achieving something like this please comment below.</p>