html5 Panduan-4. Gunakan Geolokasi untuk melaksanakan kemahiran tutorial positioning_html5

Apa yang akan kita pelajari hari ini ialah menggunakan Geolokasi untuk melaksanakan fungsi penentududukan. Kita boleh mendapatkan objek Geolokasi melalui navigator.geolocation, yang menyediakan kaedah berikut:
getCurrentPosition(callback,errorCallback,options): Dapatkan kedudukan semasa
watchPosition(callback,error,options): Mula memantau arus kedudukan;
clearWatch(id): Berhenti memantau lokasi semasa.
nota: Penyemak imbas yang digunakan dalam contoh di bawah ialah chrome Jika anda menggunakan penyemak imbas lain, saya tidak dapat menjamin bahawa hasil yang dijalankan akan konsisten dengan hasil yang dipaparkan dalam contoh.
1. Dapatkan kedudukan semasa
Kami akan menggunakan kaedah getCurrentPosition untuk mendapatkan kedudukan semasa tidak akan dikembalikan secara langsung dalam bentuk keputusan fungsi panggil balik untuk pemprosesan. Akan terdapat beberapa kelewatan dalam mendapatkan koordinat, dan anda akan diminta untuk mendapatkan kebenaran akses. Mari lihat contoh berikut:

Salin kod

Kodnya adalah seperti berikut:

runtuh;}
ke, td{padding: 4px;}
th{text-align: right;}


< ;table border="1">

Longitud: /td>
Latitud:
- ;
Ketinggian:
- >-

Ketepatan: -
Tajuk:
- 🎜>
Cap Masa:
navigator.geolocation.getCurrentPosition(displayPosition); ', 'heading ', 'speed'];
untuk (var i = 0, len = properties.length; i var value = pos.coords[properties[i]] ;
document.getElementById(properties[i]).innerHTML = value;
}
document.getElementById('timestamp').innerHTML = pos.timestamp
}