Track your location with the JavaScript Geolocation API
Вставка
- Опубліковано 13 січ 2025
- Learn JavaScript 👉learnjavascrip...
React Tutorial 👉react-tutorial...
Learn Programming 👉 learnprogrammi...
Learn HTML CSS 👉 learnhtmlcss.o...
Learn how to track your location with the JavaScript Geolocation API.
We will build 2 mini apps, one that tracks your location and saves it to localstorage.
The other one will draw the coordinates on a map!
How to enable USB Debugging on your android: developer.andr...
Kenneth Rode ( / kennethrohde ) working on the Wake Lock API (web.dev/wakelock/)
Learn JavaScript 👉 learnjavascript.online
React Tutorial 👉 react-tutorial.app
Man you are one of few developers that is doing something that nobody does geolocation speech synthetisis and moreee awesome. I am amazed. Cheers mate from Serbia 😁
awesome happy to hear that you like them :D stay tuned for the next one ;)
@@JadJoubran Can't wait 😁
Daamnnnn goood explanation !!!! you have something which I was searching for last few weeks. You diserves a subs man.
Wonderful tutorial. Thanks a lot from Panama.
Nice video, thks for the surge tip. It seems that React Native can handle the gps in the background. Correct?
Awesome, waiting your next video 😁
very clear, thank you from Taiwan ~
Hi Jad, Really appreciate your video.
Can you do a video for,
Tract react native mobile app gps location --> send data to firestore database --> Show in the react web app.
That is a part of my final year project. I'm using node server. I'm bit stuck in there.
I really appreciate if you can do a video or if you can give me some suggestions and recommendation example.
Thank you..
What will be the interval every time the geo location event is received?
How you recorded the coordinate in your phone?
Hi Jad, thanks for sharing this. Was curious if you are aware of any work around for tracking geolocation in the background. Something that could track your running route without having the phone necessarily on all the time.
How can I run this app on my phone to collect the data?
Thank you so much Sir Best video finally knew how to work with watchPosition
What's the use of the stop button?
hi, i'm building a project for a smart parking and i wanted to use watchPosition while the reservation is running to determinate if the user arrived or not at the end of the countdown so is it a problem if the countdown is about 20 minutes or maybe more?
How would you be able to update the map in order to draw it live as I am able to import the coordinates once, but it wouldn't update the map every time a new coordinate has been added to the array
how you can get your coordinates on your phone?
This was a really cool video! Nice job
Thank you :D
Awesome tutorial...
how to draw path of live tracker on google maps in reactJS , please help any npm library or procedure
Excellent video!!
😄😄😄 Stay tuned for the next one ;)
what the stop button does?
My coordinates were not very accurate and some locations were from the other side of the street, causing the map to create false circular routes. How to correct this.
What if we are using external gps tracking device which uses SIMCARD within it and want to connect it within our own Map in application...may do I know,how can we code for this.
Nice Video! But is it possible to do real time tracking like what uber/grab/gojek does?
Great tutorial and amazing video!
Thanks man!
Can you please do the same project using esp32. I do same. Get location information by using ip api. But it don't update the position location when I change my location.
hey jad , i need to build similar project but real-time locator , could you tell me what do i need to do that or how ??
I know how to do that and i can guide you
@@maximussu7609 Ooh! really??
then tell me how to cantact with you?
Nice one thanks!
The code is nice, but this copying and pasting of coordinates seem to be a little counterproductive, shouldn't we automate it?
Hai, good video,and also I want to get user's exact correct location without SSL in my website, how to do it
Hey bro,
How do I do the same tracking but calculate the distance between the coordinates and display it, any sort of help would be appreciated.
Thank you
You can use Pythagorean theorem to find the distance between each point, and then convert that many degrees to meters or miles, whatever your like. Then just sum them together
Hi! Is there any way I can track my realtime location (e.g when i go walking id like to track where i go and display it on a map) with just using HTTP? Thanks :)
only on localhost
alternatively you can setup a self-signed SSL certificate
@@JadJoubran okay thanks a mil! :)
HI, how can I make a tracker whereby i can type in a phone number of a lost phone or my colleague's phone (with their permission and find their location.
hi...
have you figured it out?
@@florencephoebe nooo
I do need opposit of this work, if anyone can help me, I need a way to hide my location, not VPN not tor not proxy all these did not work .... I m ready to pay 200 euro or even more ...
thank you!!
Is it a real time application ?
Nice. I found that we even can use this method and send that latitude, longitude, and address data to google sheets.
awesome
try with a real tracker and node
Hi guys,you can try my complete demo on your updated location each time you move.
jsfiddle.net/MaximusSu/9j04sgdx/23/?fbclid=IwAR289IdQP5AHX0-iZ7VZ9Gy75n72ypADAZ1ZBJE6Px_9di96g7RmZ-rm1pE
Click on fullscreen to start.
My biggest problem is this w3 school geolocation is not accurate sometimes and this piss me off. Is there a way to resolve this?
And Jad Joubran, I would like to know your email since we are quite close together in terms of age and maturity. Thank you
❤️
I know your location, Amsterdam...
Your content is good but your audio is lousy
Amsterdam whoep whoep
Precies 😅