No video :(

Get Live User Location - HTML5 Geolocation Tutorial

Подписаться 10 тыс.

Просмотров 20 тыс.

50% 1

👉 Source code: openjavascript...
⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: bit.ly/3V2RM9Q ❤️
This tutorial shows you how to get the current location of a user by accessing the HTML Gelocation API from JavaScript.
#geolocation #javascript #html5 #tutorial #javascript_tutorial #frontend #webdevelopment #programming
🔔 Subscribe for more tutorials just like this: / @openjavascript
⚡ NEW: Web development courses from Meta Inc. ⚡
Front-End Developer Professional Certificate: imp.i384100.ne...
Back-End Developer Professional Certificate: imp.i384100.ne...
iOS Developer Professional Certificate: imp.i384100.ne...
Meta Android Developer Professional Certificate: imp.i384100.ne...
Meta Database Engineer Professional Certificate: imp.i384100.ne...
Website: openjavascript...
Twitter: / openjavascript

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

28 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@OpenJavaScript Год назад

Thanks for watching! 👉 Source code and steps to map location: openjavascript.info/2022/12/11/map-live-user-location-using-leaflet-js/

@justinernest2363 6 месяцев назад

bro is a real master! Great work!

@ProgrammingSolutionsTeam Год назад

this is the best code I have ever seen in internet Thanx

@OpenJavaScript Год назад

Very nice of you to say, I'm flattered. Glad you liked the video :)

@ShayanFallah-fj4ci 5 месяцев назад

What should i do if i want to place my link in an s src because it gives me error everytime i refresh the site

@IISKINYII 11 месяцев назад

PLEASE HELP!! I keep receiving a Position Unavailable error on location change. I have spent an embarrassing amount of hours on this. Even running the code from live editor produces this error. I am on Edge and Chrome. After location change, an error message appends to the right of timezoneID and locale in 'Sensors' tab stating '...override is already in effect'

@fola_azeez 4 месяца назад

Thank you for this

@yadhuvtk Месяц назад

Is there any method to get accurate location of user?

@digitalid69 7 месяцев назад

how to blocking fake GPS ?

@kaltube4817 10 месяцев назад

Well Done

@gmusic8241 Год назад

Thank you

@OpenJavaScript Год назад

You're welcome. Thanks for watching!

@Tony.Nguyen137 Год назад

Is this geolocation api provided by the browser or is it part of the javascript engine

@OpenJavaScript Год назад

It is an API provided by the browser that is accessed via JavaScript. It's part of the HTML5 standard and so is supported by all modern browsers. But as I mention in the video, it is good to check for its existence of backwards compatibility.

@mohmedmahmoud8769 Год назад

Please make a video on how to download files other than images Type file

@OpenJavaScript Год назад

Hi Mohmed, I did already make a video on how to create a client-side download for any file type here that you might find useful: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-oHGnaE2BQXo.html Hope that helps!

@mohmedmahmoud8769 Год назад

@@OpenJavaScript sorry i mean upload not download sorry 😔

@OpenJavaScript Год назад

It is true that I upload an image in this tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-e13T3O0Iyvc.html But the method for other file types is the same: in the linked tutorial, you would just change the extension to something else (e.g. .txt, .mp3) when you are attaching the file to the FormData object. (and you should also set the file input element to only accept that file type setting the 'accept' attribute).

@mohmedmahmoud8769 Год назад

@@OpenJavaScript thank you man

@ajaykumark107 Год назад

can this be used for malicious purposes?

@OpenJavaScript Год назад

You cannot use the geolocation API without the user's permission. Of course, it could still be used for malicious purposes. The way it is set up, it is important that the user only allows geolocation access for trusted websites and apps. It is also only works in secure (HTTPS) contexts.