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
Thank you for this great tutorial man! Helped me a lot.
Great tutorial! I liked it, thank you!
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 :)
This video was awesome... I want to try some ideas. Thanks !!!
was very helpful, thank you
Thank you for this tutorial - interesting material
@VicodeMedia
3 жыл бұрын
You're welcome!
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?
thanks you save my day
Thanks!
I'll try to implement this but in openlayers. Thanks!
amazingggg
Thank u
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.
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?
Are there any ways by which it can take the current location automatically
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 :(
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'
Thank you please do you make transcription in yours screen
amazing!!! Do you know if I can use this code in react project ?
Hi, Does this work with postcodes? Or just addresses?
How I add multiple directions, like One end point multiple Starting points
is there routing available for cycling?
sir, can we put our own location in start in it
How can I get the distance between the two markers in kilometers? Can anyone help me
Sir, how to get that api key?
How to get distance?
Is there a python version for this? *folium*
may i know why you are using map request and is leaflet is not providing route api?
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
3 жыл бұрын
What do you mean by false route?
@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
3 жыл бұрын
Did you try the source code? If you still need help after that please send me an email at info@vicodemedia.com
@armelyara5540
3 жыл бұрын
@@VicodeMedia Yes I tried the source code. Ok I will send you.
layers: MQ.mapLayer help error
where to add the function so the text narrator appears? Great Vid BTW ;)
@VicodeMedia
3 жыл бұрын
What do you mean by Narrator text? :)
@WeakCoder
3 жыл бұрын
@@VicodeMedia If the user enters an invalid location, Is there some sort of fix to it?
I tried it, and the map were lagging or glitching for me, I were using Django.
Hey, the Mapquest code seems to have stopped working. Is it no longer supported??
@VicodeMedia
3 жыл бұрын
Did you try the source code?
@WeakCoder
3 жыл бұрын
@@VicodeMedia yeah, it had been working for 3 weeks, failed today suddenly...403 error...
@VicodeMedia
3 жыл бұрын
There is a query limit on mapquest. Probably you've reached that limit, or mapquest server is down.
@WeakCoder
3 жыл бұрын
@@VicodeMedia that must be it...been using it a lot...thanks vin
Can we do this in react as well??
@VicodeMedia
3 жыл бұрын
Yes, but we should change the structure of the library. I might do a video on that.
@cesarramos3445
3 жыл бұрын
@@VicodeMedia Please, make a video about this in React.
I took your project from github. It's normal that your code doesn't work ?
@VicodeMedia
2 жыл бұрын
You need an API key
is mapquest open source?
@VicodeMedia
3 жыл бұрын
It's not, but they have a free package you can use.
is it just me or this routing api have a bug right now?
Not sure what this is but it's nothing usful.
@signati7015
3 жыл бұрын
if you do not know what it is, why you are saying it is useless
@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.