Tôi sẽ tạo một UI để lấy và hiển thị tọa độ hiện tại của người dùng sử dụng Geolocation API.
Tôi đã tạo một UI hoàn chỉnh để lấy và hiển thị tọa độ hiện tại với các tính năng sau:
Tính năng chính:
- Lấy vị trí hiện tại: Sử dụng Geolocation API của trình duyệt
- Hiển thị tọa độ: Vĩ độ và kinh độ với độ chính xác cao
- Sao chép tọa độ: Có thể sao chép từng tọa độ hoặc cả cặp tọa độ
- Thông tin độ chính xác: Hiển thị độ chính xác của GPS
- Cập nhật thời gian: Hiển thị thời gian lấy vị trí gần nhất
Xử lý lỗi:
- Kiểm tra hỗ trợ Geolocation API
- Xử lý các lỗi phổ biến (từ chối quyền, không khả dụng, timeout)
- Hiển thị thông báo lỗi bằng tiếng Việt
Giao diện:
- Thiết kế responsive, đẹp mắt
- Sử dụng gradient background
- Loading state khi đang lấy vị trí
- Toast notification khi sao chép thành công