Trang chủLập trìnhJavascript - HTMLHướ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

- Advertisement -
Huỳnh Mai Anh Kiệt
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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 -

BÀI VIẾT MỚI

BẠN XEM CHƯA