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)

Пікірлер: 57

  • @richarddelaltre8804
    @richarddelaltre88042 жыл бұрын

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

  • @HectorFlores-vp6ys
    @HectorFlores-vp6ys3 жыл бұрын

    Great tutorial! I liked it, thank you!

  • @FiveStarWin
    @FiveStarWin15 күн бұрын

    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
    @albertolemosduran56852 жыл бұрын

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

  • @beautifulalgorithm7292
    @beautifulalgorithm72922 жыл бұрын

    was very helpful, thank you

  • @signati7015
    @signati70153 жыл бұрын

    Thank you for this tutorial - interesting material

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

    You're welcome!

  • @juanmamani2110
    @juanmamani21102 жыл бұрын

    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
    @debasissahoo8282 Жыл бұрын

    thanks you save my day

  • @ashermanangan
    @ashermanangan3 жыл бұрын

    Thanks!

  • @cmlosaria
    @cmlosaria Жыл бұрын

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

  • @muchammadramadhan7889
    @muchammadramadhan78892 жыл бұрын

    amazingggg

  • @mydrive3175
    @mydrive3175 Жыл бұрын

    Thank u

  • @adakole
    @adakole2 жыл бұрын

    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
    @denverbarandino68813 жыл бұрын

    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

    @younesramchoun4085

    Жыл бұрын

    do you find that bro?

  • @jivtheshm.r1784
    @jivtheshm.r17843 жыл бұрын

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

  • @szymon9123
    @szymon91233 жыл бұрын

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

  • @szymon9123
    @szymon91233 жыл бұрын

    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'

  • @gobajoseph5064
    @gobajoseph50643 жыл бұрын

    Thank you please do you make transcription in yours screen

  • @arielkaneti2868
    @arielkaneti28683 жыл бұрын

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

  • @davefinn6031
    @davefinn6031 Жыл бұрын

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

  • @devinlounge
    @devinlounge2 жыл бұрын

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

  • @Zenantsy
    @Zenantsy2 жыл бұрын

    is there routing available for cycling?

  • @muhammadmursaleen3345
    @muhammadmursaleen33453 жыл бұрын

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

  • @artanhysenaj4401
    @artanhysenaj44012 жыл бұрын

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

  • @c.l5378
    @c.l53782 жыл бұрын

    Sir, how to get that api key?

  • @mahsudkz6446
    @mahsudkz64462 жыл бұрын

    How to get distance?

  • @derekkroeker4582
    @derekkroeker45822 жыл бұрын

    Is there a python version for this? *folium*

  • @SaiKumar-gt3np
    @SaiKumar-gt3np Жыл бұрын

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

  • @armelyara5540
    @armelyara55403 жыл бұрын

    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

    @VicodeMedia

    3 жыл бұрын

    What do you mean by false route?

  • @armelyara5540

    @armelyara5540

    3 жыл бұрын

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

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

    Did you try the source code? If you still need help after that please send me an email at info@vicodemedia.com

  • @armelyara5540

    @armelyara5540

    3 жыл бұрын

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

  • @undeflock
    @undeflock3 жыл бұрын

    layers: MQ.mapLayer help error

  • @WeakCoder
    @WeakCoder3 жыл бұрын

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

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

    What do you mean by Narrator text? :)

  • @WeakCoder

    @WeakCoder

    3 жыл бұрын

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

  • @derekkroeker4582
    @derekkroeker45822 жыл бұрын

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

  • @WeakCoder
    @WeakCoder3 жыл бұрын

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

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

    Did you try the source code?

  • @WeakCoder

    @WeakCoder

    3 жыл бұрын

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

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

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

  • @WeakCoder

    @WeakCoder

    3 жыл бұрын

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

  • @abhinavgautam6950
    @abhinavgautam69503 жыл бұрын

    Can we do this in react as well??

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

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

  • @cesarramos3445

    @cesarramos3445

    3 жыл бұрын

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

  • @anix6536
    @anix65362 жыл бұрын

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

  • @VicodeMedia

    @VicodeMedia

    2 жыл бұрын

    You need an API key

  • @WeakCoder
    @WeakCoder3 жыл бұрын

    is mapquest open source?

  • @VicodeMedia

    @VicodeMedia

    3 жыл бұрын

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

  • @icedtears1863
    @icedtears1863 Жыл бұрын

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

  • @nigelpallatt
    @nigelpallatt3 жыл бұрын

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

  • @signati7015

    @signati7015

    3 жыл бұрын

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

  • @raymondmichael4987

    @raymondmichael4987

    3 жыл бұрын

    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.