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

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 tự động điền vào trường 'Từ' của Google Maps.

Có thể lấy vị trí GPS từ trình duyệt web và tự động điền vào trường 'Từ' của Bản đồ Google không?

Nếu bạn sử dụng API vị trí địa lý , 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 API vị trí khách hàng của Google .

Vấn đề này đã được thảo luận trong Có thể phát hiện vị trí GPS của trình duyệt di động không? và Nhận dữ liệu vị trí từ trình duyệt di động . Bạn có thể tìm thêm thông tin ở đó.

Để đưa ra một câu trả lời cụ thể hơn một chút. 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 định vị địa lý là khá tốt, tất cả các trình duyệt chính ngoại trừ eg7 và eg8 (và opera mini). IE9 thực hiện công việc nhưng là trình diễn tệ nhất. Thanh toán caniuse.com:

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

Ngoài ra, bạn cần có sự chấp thuận của người dùng để truy cập vị trí của họ, vì vậy hãy đảm bảo bạn kiểm tra điều này và đưa ra một số hướng dẫn phù hợp trong trường hợp nó bị tắt. Đặc biệt đối với quyền bật Iphone trên Safari thì hơi cồng kềnh.

Sử dụng cái 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>

Có API GeoLocation , nhưng hiện tại hỗ trợ trình duyệt khá mỏng. Hầu hết các trang web quan tâm đến những điều 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 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 .

Có thể quan sát

/*
  function geo_success(position) {
    do_something(position.coords.latitude, position.coords.longitude);
  }

  function geo_error() {
    alert("Sorry, no position available.");
  }

  var geo_options = {
    enableHighAccuracy: true,
    maximumAge        : 30000,
    timeout           : 27000
  };

  var wpid = navigator.geolocation.watchPosition(geo_success, geo_error, geo_options);
  */
  getLocation(): Observable<Position> {
    return Observable.create((observer) => {
      const watchID = navigator.geolocation.watchPosition((position: Position) => {
        observer.next(position);
      });
      return () => {
        navigator.geolocation.clearWatch(watchID);
      };
    });
  }

  ngOnDestroy() {
    this.sub.unsubscribe();
  }

Hãy sử dụng các chức năng mũi tên chất béo mới nhất :

navigator.geolocation.getCurrentPosition((loc) => {
  console.log('The location in lat lon format is: [', loc.coords.latitude, ',', loc.coords.longitude, ']');
})