Nhận vị trí GPS từ trình duyệt web

Question

Tôi đang phát triển một trang web dựa trên thiết bị di động, ở đó tôi đã tích hợp Google Maps, tôi cần phải điền vào trường 'Từ' của Google Maps một cách linh hoạt.

Có thể nhận vị trí GPS từ trình duyệt web và điền vào trường 'Từ' của Google Map một cách linh hoạt không?

Answer 1

Có GeoLocation API, nhưng trình duyệt hỗ trợ khá mỏng trên mặt đất hiện nay. Hầu hết các trang web quan tâm đến những thứ như vậy đều sử dụng cơ sở dữ liệu GeoIP (với các điều khoản thông thường về tính không chính xác của một hệ thống như vậy). Bạn cũng có thể xem các dịch vụ của bên thứ ba yêu cầu sự hợp tác của người dùng như FireEagle.

Answer 2

Nếu bạn sử dụng Geolocation API, nó sẽ đơn giản như sử dụng mã sau đây.

navigator.geolocation.getCurrentPosition(function(location) { 
    console.log(location.coords.latitude); 
    console.log(location.coords.longitude); 
    console.log(location.coords.accuracy); 
}); 

Bạn cũng có thể sử dụng Google's Client Location API.

Vấn đề này đã được thảo luận trong Is it possible to detect a mobile browser's GPS location? và Get position data from mobile browser. Bạn có thể tìm thêm thông tin ở đó.

Answer 3

Xem các cuộc thảo luận How to get GPS coordinates in the browser

Ở đó bạn có liên kết với ví dụ ứng dụng Where Am I? hoạt động trên các thiết bị di động. Tôi đã thử nghiệm nó trên Android của tôi và nó bắt đầu mô-đun GPS để có được tọa độ hiện tại. Bạn có thể phân tích nguồn trên ví dụ sống.

Tôi đã thực hiện mã QR để truy cập nhanh từ điện thoại di động:

Answer 4

Để cung cấp cho một chút câu trả lời cụ thể hơn. HTML5 cho phép bạn có được tọa độ địa lý, và nó thực hiện một công việc khá tốt. Nhìn chung, hỗ trợ trình duyệt cho vị trí địa lý là khá tốt, tất cả các trình duyệt chính ngoại trừ ie7 và ie8 (và opera mini). IE9 thực hiện công việc nhưng lại là người biểu diễn tồi tệ nhất. Thanh toán caniuse.com:

http://caniuse.com/#search=geol

Ngoài ra bạn cần sự chấp thuận của người sử dụng của bạn để truy cập vào vị trí của họ, do đó hãy chắc chắn rằng bạn kiểm tra này và đưa ra một số hướng dẫn đàng hoàng trong trường hợp nó bị tắt. Đặc biệt là cho phép chuyển quyền sở hữu iPhone cho Safari là một chút cồng kềnh.

Answer 5

Sử dụng này, và bạn sẽ tìm thấy tất cả các thông tin tại http://www.w3schools.com/html/html5_geolocation.asp

<script> 
var x = document.getElementById("demo"); 
function getLocation() { 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } else { 
     x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 
function showPosition(position) { 
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
} 
</script>