Тёмный
No video :(

Leaflet Map Routing JavaScript App 

Vicode Media
Подписаться 7 тыс.
Просмотров 60 тыс.
50% 1

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.co...
Source code:
github.com/ruv...
Leaflet.js
leafletjs.com/
MapQuest API:
developer.mapq...
Buy Me a Coffee ;)
paypal.me/Vict...
Hosting I Use:
m.do.co/c/e924... (Get $100 in credit over 60 days)

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@FiveStarWin
@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 :)
@juanmamani2110
@juanmamani2110 3 года назад
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?
@shabazkhan-ns5ek
@shabazkhan-ns5ek 21 день назад
Thanks Amazing Video
@richarddelaltre8804
@richarddelaltre8804 2 года назад
Thank you for this great tutorial man! Helped me a lot.
@adakole
@adakole 2 года назад
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.
@signati7015
@signati7015 3 года назад
Thank you for this tutorial - interesting material
@VicodeMedia
@VicodeMedia 3 года назад
You're welcome!
@albertolemosduran5685
@albertolemosduran5685 2 года назад
This video was awesome... I want to try some ideas. Thanks !!!
@HectorFlores-vp6ys
@HectorFlores-vp6ys 3 года назад
Great tutorial! I liked it, thank you!
@cmlosaria
@cmlosaria Год назад
I'll try to implement this but in openlayers. Thanks!
@denverbarandino6881
@denverbarandino6881 3 года назад
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?
@beautifulalgorithm7292
@beautifulalgorithm7292 2 года назад
was very helpful, thank you
@ashermanangan
@ashermanangan 3 года назад
Thanks!
@debasissahoo8282
@debasissahoo8282 Год назад
thanks you save my day
@devinlounge
@devinlounge 2 года назад
How I add multiple directions, like One end point multiple Starting points
@SaiKumar-gt3np
@SaiKumar-gt3np Год назад
may i know why you are using map request and is leaflet is not providing route api?
@szymon9123
@szymon9123 3 года назад
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
@davefinn6031 2 года назад
Hi, Does this work with postcodes? Or just addresses?
@szymon9123
@szymon9123 3 года назад
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 :(
@jivtheshm.r1784
@jivtheshm.r1784 3 года назад
Are there any ways by which it can take the current location automatically
@artanhysenaj4401
@artanhysenaj4401 2 года назад
How can I get the distance between the two markers in kilometers? Can anyone help me
@derekkroeker4582
@derekkroeker4582 2 года назад
I tried it, and the map were lagging or glitching for me, I were using Django.
@mahsudkz6446
@mahsudkz6446 2 года назад
How to get distance?
@mydrive3175
@mydrive3175 Год назад
Thank u
@muhammadmursaleen3345
@muhammadmursaleen3345 3 года назад
sir, can we put our own location in start in it
@gobajoseph5064
@gobajoseph5064 3 года назад
Thank you please do you make transcription in yours screen
@Zenantsy
@Zenantsy 3 года назад
is there routing available for cycling?
@derekkroeker4582
@derekkroeker4582 2 года назад
Is there a python version for this? *folium*
@arielkaneti2868
@arielkaneti2868 3 года назад
amazing!!! Do you know if I can use this code in react project ?
@icedtears1863
@icedtears1863 Год назад
is it just me or this routing api have a bug right now?
@undeflock
@undeflock 3 года назад
layers: MQ.mapLayer help error
@muchammadramadhan7889
@muchammadramadhan7889 2 года назад
amazingggg
@c.l5378
@c.l5378 3 года назад
Sir, how to get that api key?
@WeakCoder
@WeakCoder 3 года назад
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?
@anix6536
@anix6536 2 года назад
I took your project from github. It's normal that your code doesn't work ?
@VicodeMedia
@VicodeMedia 2 года назад
You need an API key
@armelyara5540
@armelyara5540 3 года назад
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.
@WeakCoder
@WeakCoder 3 года назад
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
@abhinavgautam6950 3 года назад
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.
@WeakCoder
@WeakCoder 3 года назад
is mapquest open source?
@VicodeMedia
@VicodeMedia 3 года назад
It's not, but they have a free package you can use.
@nigelpallatt
@nigelpallatt 3 года назад
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.
Далее
Data Driven Maps With Python Folium & Leaflet.js
32:56
Просмотров 106 тыс.
The Most Legendary Programmers Of All Time
11:49
Просмотров 552 тыс.
I forced EVERYONE to use Linux
22:59
Просмотров 471 тыс.
How To Use Mapbox To Create A Google Maps Clone Quickly
12:23
40 APIs Every Developer Should Use (in 12 minutes)
12:23
I've been using Redis wrong this whole time...
20:53
Просмотров 354 тыс.