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!

[@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 :)

[@albertolemosduran5685]

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

[@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?

[@beautifulalgorithm7292]

was very helpful, thank you

[@cmlosaria]

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

[@ashermanangan]

Thanks!

[@debasissahoo8282]

thanks you save my day

[@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.

[@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?

[@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'

[@davefinn6031]

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

[@jivtheshm.r1784]

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

[@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 :(

[@mydrive3175]

Thank u

[@devinlounge]

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

[@gobajoseph5064]

Thank you please do you make transcription in yours screen

[@Zenantsy]

is there routing available for cycling?

[@muhammadmursaleen3345]

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

[@arielkaneti2868]

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

[@muchammadramadhan7889]

amazingggg

[@artanhysenaj4401]

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

[@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.

[@c.l5378]

Sir, how to get that api key?

[@derekkroeker4582]

Is there a python version for this?
*folium*

[@mahsudkz6446]

How to get distance?

[@SaiKumar-gt3np]

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

[@undeflock]

layers: MQ.mapLayer help error

[@derekkroeker4582]

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

[@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

[@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?

[@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.

[@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.

[@icedtears1863]

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

[@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.