Leaflet Map Routing JavaScript App

In this video we will create a Leaflet Map Routs JavaScript App using the MapQuest API. The map is going to generate the fastest route from a starting point to a destination on the map.
Written Version: vicodemedia.com/leaflet-map-r...
Source code:
github.com/ruvictor/map-app-d...
Leaflet.js
leafletjs.com/
MapQuest API:
developer.mapquest.com/
Buy Me a Coffee ;)
paypal.me/VictorRusu
Hosting I Use:
m.do.co/c/e9246256aa52 (Get $100 in credit over 60 days)

[@richarddelaltre8804]

Thank you for this great tutorial man! Helped me a lot.

[@HectorFlores-vp6ys]

Great tutorial! I liked it, thank you!

[@albertolemosduran5685]

This video was awesome... I want to try some ideas. Thanks !!!

[@FiveStarWin]

I'm so glad I came across you, I found exactly what I needed in this clip, and what's more, my name is also Victor Rusu :)

[@beautifulalgorithm7292]

was very helpful, thank you

[@signati7015]

Thank you for this tutorial - interesting material

[@VicodeMedia]

You're welcome!

[@juanmamani2110]

Pretty cool! You make my day man. Thanks for sharing. In your opinion, is it better implement monitor route or monitor polygon to detect car movements trip on the right route? or even if the car is off road?

[@debasissahoo8282]

thanks you save my day

[@ashermanangan]

Thanks!

[@cmlosaria]

I'll try to implement this but in openlayers. Thanks!

[@adakole]

Thank you very much for doing this slowly. Do know if there is an API that accepts my network layer as a shapefile to run route analysis? I am working on a pipeline networks and want get the shortest connection between different cities.

[@szymon9123]

But when i'm setting map.layers = []. and then trying to add route like this map.addLayer( MQ.Routing.RouteLayer({ directions: dir, fitBounds: true }) ) I'm getting: 'Uncaught TypeError: layer is undefine'

[@jivtheshm.r1784]

Are there any ways by which it can take the current location automatically

[@denverbarandino6881]

i like the video. can you please make a continuation.about this tutorial on how to get the distance and travel time between the points?

[@younesramchoun4085]

do you find that bro?

[@mydrive3175]

Thank u

[@devinlounge]

How I add multiple directions, like One end point multiple Starting points

[@muchammadramadhan7889]

amazingggg

[@szymon9123]

When i'm trying to set map.layers = MQ.mapLayer(); i'm getting this error Uncaught Error: The provided object is not a Layer. I have no idea what to do :(

[@muhammadmursaleen3345]

sir, can we put our own location in start in it

[@artanhysenaj4401]

How can I get the distance between the two markers in kilometers? Can anyone help me

[@gobajoseph5064]

Thank you please do you make transcription in yours screen

[@mahsudkz6446]

How to get distance?

[@Zenantsy]

is there routing available for cycling?

[@davefinn6031]

Hi, Does this work with postcodes? Or just addresses?

[@c.l5378]

Sir, how to get that api key?

[@arielkaneti2868]

amazing!!! Do you know if I can use this code in react project ?

[@derekkroeker4582]

I tried it, and the map were lagging or glitching for me, I were using Django.

[@undeflock]

layers: MQ.mapLayer help error

[@derekkroeker4582]

Is there a python version for this? *folium*

[@SaiKumar-gt3np]

may i know why you are using map request and is leaflet is not providing route api?

[@armelyara5540]

Amazing tutorial. Thank you but I have one issue: When I submitted the form, it's give me a false route. How fix it?

[@VicodeMedia]

What do you mean by false route?

[@armelyara5540]

@@VicodeMedia If I choose point A like start and B like end, it's show me another way from D to C.

[@VicodeMedia]

Did you try the source code? If you still need help after that please send me an email at [e-mail]

[@armelyara5540]

@@VicodeMedia Yes I tried the source code. Ok I will send you.

[@WeakCoder]

where to add the function so the text narrator appears? Great Vid BTW ;)

[@VicodeMedia]

What do you mean by Narrator text? :)

[@WeakCoder]

@@VicodeMedia If the user enters an invalid location, Is there some sort of fix to it?

[@WeakCoder]

Hey, the Mapquest code seems to have stopped working. Is it no longer supported??

[@VicodeMedia]

Did you try the source code?

[@WeakCoder]

@@VicodeMedia yeah, it had been working for 3 weeks, failed today suddenly...403 error...

[@VicodeMedia]

There is a query limit on mapquest. Probably you've reached that limit, or mapquest server is down.

[@WeakCoder]

@@VicodeMedia that must be it...been using it a lot...thanks vin

[@abhinavgautam6950]

Can we do this in react as well??

[@VicodeMedia]

Yes, but we should change the structure of the library. I might do a video on that.

[@cesarramos3445]

@@VicodeMedia Please, make a video about this in React.

[@icedtears1863]

is it just me or this routing api have a bug right now?

[@anix6536]

I took your project from github. It's normal that your code doesn't work ?

[@VicodeMedia]

You need an API key

[@WeakCoder]

is mapquest open source?

[@VicodeMedia]

It's not, but they have a free package you can use.

[@nigelpallatt]

Not sure what this is but it's nothing usful.

[@signati7015]

if you do not know what it is, why you are saying it is useless

[@raymondmichael4987]

Trust me buddy, this is very useful. Stop discouraging content creators, they put a lot of effects to create these free content, if it doesn't help you, just chill & rest assured someone is in need of it.