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

Facebook, Apple tố cáo lẫn nhau trục lợi từ thu thập dữ liệu người dùng

Trong một bức thư gửi những người ủng hộ quyền riêng tư, apple cho biết họ sẽ triển khai việc "theo dõi tính minh...

Quyết định nghỉ việc

Sáng nay nhận tin nhắn thằng bạn nhắn qua: "Tao nghỉ việc rồi". Rồi chợt nhớ đêm qua nằm suy nghĩ là lâu rồi...

Shopify hợp tác cùng TikTok

Vào ngày 27/10 vừa qua, ứng dụng chia sẻ video ngắn đình đám TikTok đã ký kết hợp tác với Shopify - công ty...

Google Adsense sẽ hỗ trợ thanh toán qua PayPal, PayOneer và TransferWise?

Google đã có thông báo rằng sẽ ngưng thanh toán qua Western Union từ năm 2021. Và mới đây trong một email gửi đến...

Dịch vụ hosting miễn phí từ 123HOST

123HOST là một nhà cung cấp hosting, VPS, Server, tên miền uy tín tại Việt Nam. Và ngày 10/10/2020 vừa qua, 123Host thông báo...

BẠN XEM CHƯA

Thêm tùy chỉnh bài viết nổi bật cho trang WordPress

Có một số theme hỗ trợ tính năng cho phép đánh dấu bài nổi bật để hiển thị trên trang chủ. Tuy nhiên nếu...

Thư gửi em trai

Thấm thoát đã 6 tháng kể từ ngày em nhập ngũ, anh mới biên bức thư này cho em. Em có khỏe không? Vẫn...

Code hỗ trợ tải lên và phát tập tin MP3 trên nền web

Trên Facebook, tự nhiên có một người bạn người Nigeria vào addfriend và nhờ mình viết giúp tính năng đại khái là upload audio...

Người sáng lập dịch vụ ví điện tử Liberty Reserve bị kết án 20 năm tù

Arthur Budovsky, người đồng sáng lập của dịch vụ ví điện tử Liberty Reserve đã bị kết án hôm thứ sáu (6/6/2016) với mức...

Nguy cơ mất an toàn khi sử dụng wifi công cộng ở Quy Nhơn

Giá thuê bao Internet cũng không còn quá đắt, lại có nhiều gói cước khác nhau để lựa chọn, Internet đang dần trở thành...