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

Shopify ra mắt trang web chính thức cho thị trường Việt Nam

Shopify là nền tảng thương mại điện tử cho phép dễ dàng tạo ra các trang web bán hàng online cho do doanh nghiệp...

Jeff Bezos sẽ rời vị trí CEO của Amazon

Theo một thông báo mới đây từ Amazon, Jeff Bezos, người sáng lập và là CEO của gã khổng lồ này trong gần 30...

Free Fire hợp tác cùng Sơn Tùng M-TP ra mắt dự án Skyler

Free Fire là tựa game bắn súng sinh tồn nổi tiếng bậc nhất trên nền tảng di động. Sau hơn 3 năm phát hành,...

Lấy một số ngẫu nhiên với Shopify Liquid

Shopify Liquid rất hạn chế nên đôi khi có những yêu cầu tưởng chừng đơn giản nhưng lại không biết code như thế nào....

Hướng dẫn tạo ảnh hoạt hình từ ảnh thật với ToonMe

Bạn có tò mò muốn biết bản thân mình sẽ như thế nào khi trong vai một nhân vật hoạt hình không? Không cần...

BẠN XEM CHƯA

Khắc phục lỗi “We’re sorry, we can’t send your payment right now” khi thanh toán bằng Paypal

Đang làm việc với một trang bán hàng trực tuyến sử dụng cổng thanh toán Paypal. Hôm qua chạy rất là OK nhưng tự...

Quản lý nhiều màn hình dễ dàng hơn với MultiMonitorTool

Nếu thường xuyên làm việc với máy chiếu hoặc sử dụng nhiều màn hình cho một máy tính thì việc quản lý đồng thời...

Sao lưu hình ảnh lên đám mây 1000GB

Trong các dịp lễ hội, tết, nếu bạn chụp được nhiều hình ảnh nhưng bộ nhớ trong của điện thoại và cả thẻ nhớ...

Học lập trình trực tuyến miễn phí với CodeCademy

Bạn muốn theo học một lớp lập trình tuy nhiên vì một lý do nào đó bạn không thể làm được điều đó. Hãy...

Kích hoạt tính năng phòng chống Ransomware trên Windows 10

Nếu máy tính của bạn đang chạy hệ điều hành Windows 10 và được cập nhật các bạn vá lỗi (cập nhật...