Trang chủ Lập trình Javascript - HTML Hướng dẫn cách xác định chính xác vị trí của người dùng...

Hướng dẫn cách xác định chính xác vị trí của người dùng trên trình duyệt bằng Javascript

Mình đã từng viết 1 bài hướng dẫn bạn cách xác định vị trí của mình bằng IP đang sử dụng. Tuy nhiên cách này không thật chính xác nên đôi khi địa chỉ bạn đang ở một nơi mà IP lại có địa chỉ 1 nẻo.

Nếu trình duyệt của bạn hỗ trợ HTML5 thì bạn hoàn toàn có thể sử dụng Javascript để xác định chính xác vị trí.

DEMO

Dưới đây là đoạn mã bạn dùng để xác định vị trí đồng thời hiển thị vị trí lên bản đồ Google Maps.

Bạn gọi hàm getLocation(), lúc này trình duyệt sẽ bật một popup hỏi bạn có đồng ý cho phép nó lấy thông tin vị trí của bạn không. Nếu đống ý thì nó sẽ trả về 2 giá trị là kinh độ (longitude) và vĩ độ (latitude). Và từ 2 giá trị này sẽ truyền vào hàm setPosition() để bạn kết hợp với Google Maps API để hiển thị vị trí chính xác trên bản đồ.

DEMO

Dĩ nhiên ở đây mình chỉ hướng dẫn những bước cơ bản. Muốn chi tiết các bạn cần khám phá thêm để hoàn thiện.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Nền tảng trực tuyến cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

Internet Explorer chính thức bị khai tử sau 25 năm

Trong bài đăng trên trang blog chính thức vào hôm thứ hai (17/8), Microsoft công bố họ sẽ không còn tiếp tục hỗ trợ...

PayPal lần đầu tiên bổ nhiệm giám đốc điều hành ở Trung Quốc

PayPal liên tiếp có những động thái cho thấy nền tảng thanh toán trực tuyến hàng đầu thế giới này sẽ tiếp cận thị...

BẠN XEM CHƯA

Hướng dẫn đổi mật khẩu tài khoản quản trị PrestaShop từ cơ sở dữ liệu

Có dự án PrestaShop, vậy là lần đầu tiên tiếp xúc với hệ thống này. Khó khăn đầu tiên đối diện nói chung rất...

Chương trình ưu đãi giảm giá Hostgator tháng 7/2017

Hiện tại Hostgator đang có các ưu đãi giảm giá cho các dịch vụ của mình với mức giảm giá lên đến 60%. Cụ...

Hướng dẫn xác nhận địa chỉ cho tài khoản Google Adsense không cần mã PIN

Theo quy định thì mỗi tài khoản Google Adsense khi có được $10 đầu tiên thì người dùng cần phải xác minh địa chỉ...

Microsoft thưởng $13000 cho người tìm ra lỗi bảo mật trong cơ chế xác thực của mình

Một chuyên gia nghiên cứu bảo mật vừa được Microsoft thưởng $13000 cho việc người này đã phát hiện ra lỗ hổng bảo mật...

Cách xem điểm thi tuyển sinh vào lớp 10 năm 2019 tỉnh Bình Định

Theo dự kiến điểm thi tuyển sinh vào lớp 10 năm 2019 ở Bình Định sẽ được công bố vào ngày 12/6. Thí sinh...