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

Cách sắp xếp lại hình ảnh trong album trên Facebook

Mặc định khi upload ảnh lên một album trên Facebook thì hình ảnh upload lên trước sẽ hiển thị trước, hình ảnh upload lên...

Những điều cần biết về ngành Công nghệ thông tin

Một kỳ tuyển sinh đại học lại sắp đến và nếu bạn có đam mê về ngành Công nghệ thông tin nhưng chưa hiểu...

Cách tải tập tin torrent trên điện thoại di động và máy tính bảng

Nếu bạn đang tìm cách tải xuống những tập tin có dung lượng lớn thì sẽ không có cách nào tốt hơn là việc...

Hàu nướng 18 vị

Quán Bếp Hana, 59A Lý Thường Kiệt, Tp.Quy Nhơn có không gian nhỏ nhưng trang trí hiện đại, ấm cúng. Quán phục vụ rất...

Cách nén và giải nén trên Android

Không phải tất cả các tập tin PC đều hoạt động trên điện thoại thông minh hoặc máy tính bảng Android của bạn nhưng...

BẠN XEM CHƯA

WebcamMax – Hàng ngàn hiệu ứng khổng lồ cho Webcam

WebcamMax là tiện ích nâng cao để làm việc với một webcam. WebcamMax cung cấp những hiệu ứng video tuyệt vời cho tất cả...

Đi tắt đón đầu?

Một số học giả tin rằng Việt Nam sẽ có cơ hội lớn nếu biết “Đi tắt đón đầu”! Chẳng lẽ họ tin rằng,...

10 cách nhìn người chuẩn xác của cổ nhân

Muốn nhìn thấu suy nghĩ của ai, hãy nhìn vào đôi mắt của người đó. Muốn biết địa vị của một người, hãy...

Cài đặt Windows không cần DVD hay USB với WinToDD

Cách thông thường khi cài đặt mới Windows thì bạn cần phải có 1 đĩa DVD hoặc 1 USB chứa tập tin cài đặt....

Hồ sinh thái Đống Đa (Quy Nhơn – Bình Định) về đêm

Vài hình ảnh mình chụp hồ sinh thái Đống Đa (Quy Nhơn - Bình Định) vào ban đêm. Mình mới tập phơi đêm nên...