Leaflet - Draw road path in real-time based on two marker

javascript leaflet openstreetmap osmdroid
Mellorine picture Mellorine · Mar 14, 2016 · Viewed 13.7k times · Source

Here's the sample of application that draw road path based on two markers enter image description here

Sorry I cannot search the tutorial to create this one because I cannot determine the right keyword.

All i want is to place two markers, then the road path will be created between those markers. It will adjust as one marker is moved.

Please provide insights on how this can be achieved. A sample code is much appreciated. Thank you in advance.

Answer

Patrick picture Patrick · Jan 17, 2017

This is OSRM, the Open Source Routing Machine. Here is a demo: http://map.project-osrm.org/

You can actually use it through HTTP request in any language you want: Python, javascript, java, C, ... Check the doc!

Related questions

How to add only one marker in leaflet map

I am adding marker on map on user click. Problem is that I want only one marker but now whenever I click on map new marker is added. I am trying to remove it but nothing happens: var marker; map.…

Read More
leaflet map shows up grey

I'm starting leaflet.js with the quickstart but my map shows as grey... is there something I'm missing? script.js: var leafletMap = L.map('leafletMap').setView([51.505, -0.09], 13); L.tileLayer('http://{s}.title.cloudmade.com/' + API_KEY + '/997/256/{z}/{x}/{…

Read More
How to identify Leaflet's Marker during a `popupopen` event?

when a marker is clicked, I need to execute some code that finds the id corresponding to the marker being clicked , retrieves data from backend API, then adds the newly retrieved data to the content of the popup that will …

Read More