Dapatkan lokasi GPS dari browser web

Saya sedang mengembangkan situs web berbasis seluler, di sana saya telah mengintegrasikan Google Maps, saya perlu mengisi bidang 'Dari' Google Maps secara dinamis.

Apakah mungkin untuk mendapatkan lokasi GPS dari browser web dan mengisinya di bidang 'Dari' Google Map secara dinamis?

Jika Anda menggunakan Geolocation API , itu akan sesederhana menggunakan kode berikut.

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

Anda juga dapat menggunakan API Lokasi Klien Google .

Masalah ini telah dibahas dalam Apakah mungkin mendeteksi lokasi GPS peramban seluler? dan Dapatkan data posisi dari browser seluler . Anda dapat menemukan informasi lebih lanjut di sana.

Untuk memberikan jawaban yang sedikit lebih spesifik. HTML5 memungkinkan Anda untuk mendapatkan koordinat geografis, dan melakukan pekerjaan yang cukup baik. Secara keseluruhan dukungan browser untuk geolokasi cukup bagus, semua browser utama kecuali ie7 dan ie8 (dan opera mini). IE9 melakukan pekerjaan tetapi merupakan pemain terburuk. Periksa caniuse.com:

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

Anda juga memerlukan persetujuan dari pengguna Anda untuk mengakses lokasi mereka, jadi pastikan Anda memeriksa ini dan memberikan beberapa instruksi yang layak jika dimatikan. Khusus untuk izin menghidupkan iPhone untuk Safari agak rumit.

Gunakan ini, dan Anda akan menemukan semua informasi di 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>

Ada GeoLocation API , tetapi dukungan browser agak tipis saat ini. Sebagian besar situs yang peduli tentang hal-hal seperti itu menggunakan database GeoIP (dengan ketentuan umum tentang ketidakakuratan sistem semacam itu). Anda juga bisa melihat layanan pihak ketiga yang membutuhkan kerja sama pengguna seperti FireEagle .

Tampak

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

Mari kita gunakan fungsi panah lemak terbaru :

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