Tutorial HTML5 geopositioning Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Cari posisi pengguna,Dukungan Browser,HTML5 - Gunakan penargetan geografis,contoh,Penanganan Kesalahan dan ditolak,contoh,hasil tampilan di peta,contoh,Untuk lokasi informasi yang diberikan,getCurrentPosition () metode - Data pulang,Geolocation objek - metode menarik lainnya,contoh,
HTML5 Geolocation (geopositioning) digunakan untuk mencari lokasi pengguna.
HTML5 Geolocation API untuk mendapatkan lokasi pengguna.
Mengingat fitur ini mungkin melanggar privasi pengguna, kecuali pengguna setuju jika tidak, informasi lokasi pengguna tidak tersedia.
Internet Explorer 9 +, Firefox, Chrome, Safari dan dukungan Opera Geolocation (lokasi geografis).
Catatan: Geolocation (geopositioning) Untuk perangkat dengan GPS, seperti iPhone, geopositioning lebih akurat.
Menggunakan metode getCurrentPosition () untuk mendapatkan lokasi pengguna.
Contoh berikut adalah contoh geolocation sederhana, pengguna dapat kembali ke lokasi lintang dan bujur:
contoh analisis:
Contoh di atas adalah script geopositioning sangat dasar, bebas dari kesalahan penanganan.
Parameter kedua getCurrentPosition () metode untuk penanganan kesalahan. Ini menentukan ketika fungsi get untuk menjalankan ketika lokasi pengguna gagal:
Kode kesalahan:
Untuk menampilkan hasil di peta, Anda perlu akses dapat menggunakan garis lintang dan bujur dari layanan peta, seperti Google Maps atau peta Baidu:
Pada contoh di atas, kita menggunakan garis lintang dan bujur data yang dikembalikan oleh posisi layar (menggunakan gambar statis) di Google Maps.
Script Google Maps
Link di atas menunjukkan kepada Anda bagaimana menggunakan script untuk menampilkan peta interaktif dengan spidol, zoom dan pilihan drag.
Halaman ini menunjukkan bagaimana untuk menampilkan lokasi pengguna pada peta. Namun informasi geolocation untuk lokasi tertentu juga sangat berguna.
contoh:
T jika berhasil, metode getCurrentPosition () mengembalikan sebuah objek. Selalu kembali lintang, bujur dan akurasi properti. Jika tersedia, properti tambahan berikut dikembalikan.
属性 | 描述 |
---|---|
coords.latitude | 十进制数的纬度 |
coords.longitude | 十进制数的经度 |
coords.accuracy | 位置精度 |
coords.altitude | 海拔,海平面以上以米计 |
coords.altitudeAccuracy | 位置的海拔精度 |
coords.heading | 方向,从正北开始以度计 |
coords.speed | 速度,以米/每秒计 |
timestamp | 响应的日期/时间 |
watchPosition () - Mengembalikan lokasi pengguna saat, dan terus kembali posisi diperbarui (seperti GPS pada mobil) saat pengguna bergerak.
clearWatch () - Berhenti watchPosition () metode
Contoh berikut menunjukkan metode watchPosition (). Anda memerlukan perangkat GPS yang akurat untuk menguji kasus (seperti iPhone):