Untuk mendapatkan lokasi semasa pengguna, gunakan API Geolocation HTML5. API ini memberikan maklumat seperti latitud dan longitud selepas kebenaran pengguna. Kaedah teras adalah getCurrentPosition (), yang memerlukan panggilan balik yang berjaya dan ralat untuk dikendalikan; Pada masa yang sama, perhatikan prasyarat HTTPS, mekanisme kebenaran pengguna dan pemprosesan kod ralat. ① Panggil GetCurrentPosition untuk mendapatkan kedudukan sekali, dan panggilan balik ralat dicetuskan jika gagal; ② Pengguna mesti membenarkannya, jika tidak, ia tidak dapat diperoleh dan mungkin tidak lagi diminta; ③ Pemprosesan ralat harus membezakan antara penolakan, tamat masa, lokasi tidak tersedia, dan sebagainya; ④ Dayakan ketepatan tinggi, menetapkan masa tamat, dan lain-lain, dan boleh dikonfigurasikan melalui parameter ketiga; ⑤ Persekitaran dalam talian mesti menggunakan HTTPS, jika tidak, ia mungkin dihadkan oleh penyemak imbas.

Untuk mendapatkan lokasi semasa pengguna, HTML5 menyediakan API Geolocation, yang merupakan antara muka penyemak imbas yang sangat praktikal. Ia membolehkan laman web untuk mendapatkan maklumat lokasi geografi mereka, seperti latitud dan longitud, di bawah premis kebenaran pengguna. Ia tidak rumit untuk digunakan, tetapi terdapat beberapa perkara penting untuk memberi perhatian kepada.

Penggunaan Asas: Call navigator.geolocation.getCurrentPosition

Kaedah teras adalah getCurrentPosition() , yang akan cuba mendapatkan data lokasi satu kali pengguna semasa.

 jika (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition (
    (kedudukan) => {
      Console.log ("Latitud:" Position.Coords.Litude);
      console.log ("longitud:" position.coords.longitude);
    },
    (ralat) => {
      Console.error ("Tidak Boleh Dapatkan Lokasi", Ralat);
    }
  );
} else {
  Console.log ("Pelayar tidak menyokong geolokasi");
}

Kod ini pertama memeriksa sama ada penyemak imbas menyokong API Geolocation, kemudian memanggil kaedah getCurrentPosition , dan melewati dua fungsi panggilan balik: satu mengendalikan maklumat lokasi yang berjaya diperolehi, dan yang lain mengendalikan kesilapan yang mungkin.

Nota: Kaedah ini tidak akan terus menjejaki lokasi secara lalai. Jika anda perlu mendengar perubahan kedudukan, gunakan watchPosition() .

Mekanisme Kebenaran Pengguna: Lesen mesti diperolehi

Titik utama dalam API Geolocation adalah kebenaran pengguna . Apabila laman web meminta lokasi untuk kali pertama, penyemak imbas biasanya akan muncul kotak segera yang meminta pengguna sama ada untuk membenarkan lokasi yang dikongsi.

• Jika pengguna enggan, fungsi panggilan balik kedua (pengendali ralat) akan dicetuskan.
• Jika pengguna membenarkan, fungsi panggilan balik pertama (pengendali kejayaan) dipanggil.
• Pengguna juga boleh memilih "tidak ada pertanyaan lagi", dan mereka tidak lagi dapat mendapatkan kebenaran yang diberi kuasa pada masa akan datang melainkan mereka secara manual mengubah tetapan penyemak imbas secara manual.

Oleh itu, dalam perkembangan sebenar, anda harus memberi perhatian kepada:

• Berikan petua yang jelas untuk memberitahu pengguna mengapa mereka memerlukan kebenaran lokasi;
• Semak sama ada pengguna telah menolak kebenaran;
• Untuk aplikasi mudah alih, pertimbangkan untuk menyediakan panduan untuk melompat ke tetapan sistem.

Pengendalian Ralat: Jangan abaikan situasi kegagalan

Mendapatkan lokasi tidak selalu berjaya, dan alasan umum untuk kegagalan termasuk:

• Pengguna menolak kebenaran;
• Perkhidmatan kedudukan tidak tersedia;
• masa keluar;
• HTTPS tidak disokong (pelayar yang paling moden memerlukan HTTPS untuk membolehkan geolokasi);

Oleh itu, apabila memanggil getCurrentPosition , anda mesti lulus dalam fungsi pengendalian ralat dan memberi maklum balas yang sepadan berdasarkan kod ralat yang berbeza.

Contohnya:

 fungsi showerRor (ralat) {
  suis (error.code) {
    kes ralat.permission_denied:
      Console.log ("Pengguna menolak permintaan lokasi");
      rehat;
    kes ralat.position_unavailable:
      Console.log ("Maklumat lokasi tidak tersedia");
      rehat;
    kes ralat.timeout:
      Console.log ("Timeout Permintaan");
      rehat;
    Lalai:
      console.log ("Kesalahan tidak diketahui");
  }
}

Anda juga boleh mengawal tingkah laku dengan menetapkan parameter ketiga, seperti menetapkan waktu tamat maksimum, sama ada untuk membolehkan ketepatan yang tinggi, dll.

 { 
  EnableHighacCuracy: benar, // Dayakan mod ketepatan tinggi (seperti GPS)
  Timeout: 5000, // Masa maksimum kedudukan menunggu maksimum: 0 // tiada kedudukan cache}

Petua: HTTPS adalah premis asas

Pelayar yang paling moden memerlukan laman web anda untuk menggunakan HTTPS untuk mengakses API Geolokasi. Sekiranya anda menguji secara tempatan (seperti localhost ), biasanya OK, tetapi apabila menggunakan persekitaran dalam talian, ingatlah untuk mengkonfigurasi sijil SSL.

Di samping itu, sesetengah pelayar (seperti Chrome) semakin menyekat konteks yang tidak selamat, jadi pastikan anda menggunakan protokol HTTPS, jika tidak, anda mungkin mengalami kegagalan senyap atau masalah senyap.

Pada dasarnya itu sahaja. Selagi anda memberi perhatian kepada proses kebenaran, pengendalian ralat dan keperluan protokol, anda boleh berjaya menggunakan API Geolocation HTML5 untuk mendapatkan lokasi pengguna.

Atas ialah kandungan terperinci Bagaimana untuk mengakses lokasi semasa pengguna dengan API Geolocation HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!