Отримайте розташування GPS через веб-браузер

Я розробляю веб-сайт для мобільних пристроїв, там я інтегрував Карти Google, мені потрібно динамічно заповнювати поле "Від" Карт Google.

Чи можливо отримати місцезнаходження GPS через веб-браузер і динамічно заповнити його в полі "Від" на карті Google?

Якщо ви використовуєте API геолокації , це буде так само просто, як і використання наступного коду.

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

Можливо, ви також зможете використовувати API розташування клієнтів Google .

Цю проблему обговорювали в розділі " Чи можливо виявити місцезнаходження GPS мобільного браузера?" і Отримати дані про позиції з мобільного браузера . Ви можете знайти більше інформації там.

Щоб дати трохи більш конкретну відповідь. HTML5 дозволяє отримати геокоординати, і це робить досить пристойну роботу. В цілому підтримка браузера для геолокації є досить хорошою, всі основні браузери, крім ie7 та ie8 (і opera mini). IE9 виконує цю роботу, але є найгіршим показником. Оформити замовлення caniuse.com:

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

Також потрібне схвалення вашого користувача для доступу до їх місцезнаходження, тому переконайтеся, що ви це перевірите, і дайте кілька пристойних інструкцій на випадок, якщо його вимкнено. Особливо для дозволів на ввімкнення Iphone для Safari трохи громіздко.

Використовуйте це, і всю інформацію ви знайдете на веб- сайті 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>

Існує API GeoLocation , але підтримка веб-переглядача наразі досить тонка. Більшість сайтів, які цікавляться подібними речами, використовують базу даних GeoIP (зі звичайними умовами щодо неточності такої системи). Ви також можете ознайомитись із сторонніми послугами, які потребують співпраці користувачів, таких як FireEagle .

Спостерігається

/*
  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();
  }

Давайте скористаємося останніми функціями жирової стрілки :

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