Untuk programmer pengembangan web, salah satu aspek yang paling menarik dari pekerjaan pengembangan adalah untuk mendapatkan informasi lokasi geografis; Bayangkan saja di mana pengguna menelusuri halaman web Anda? Pemrogram dapat menyesuaikan bahasa situs web, pengenalan produk tertentu, dll. Berdasarkan informasi lokasi geografis pengguna. Apa yang akan kami tunjukkan di bawah ini adalah mendapatkan informasi geografis terperinci melalui JavaScript Geolocation Information API di browser!
Periksa apakah browser Anda mendukung API geolokasi
Saat ini, browser arus utama memiliki dukungan yang lebih baik untuk API Informasi Geolokasi JavaScript. Tetapi jika Anda tidak nyaman, maka cara terbaik untuk mengkonfirmasi dukungan dari API informasi geolokasi adalah untuk menguji fitur fitur browser.
if ("geolocation" di navigator) {// w00t!} else {alert ("Sayangnya! Browser Anda tidak mendukung fungsionalitas API geolokasi");}Untuk menentukan apakah browser mendukung API geolokasi, yang paling penting adalah melihat objek navigasi. Ini sangat penting, karena yang terakhir dapat menginisialisasi objek informasi geolokasi, sehingga menempati/mengunci sumber daya perangkat.
Informasi lokasi geografis kueri
Metode navigator.geolocation.getCurrentPosition adalah antarmuka paling penting untuk mendapatkan informasi lokasi terperinci:
if ("geolocation" di navigator) {navigator.geolocation.getCurrentPosition (function (position) {console.log (position);});}Setelah Anda memanggil metode ini (jika permintaan berhasil, itu akan menjalankan metode panggilan balik yang Anda berikan dalam parameter), browser akan bertanya kepada pengguna apakah akan mengizinkan program untuk mendapatkan informasi geolokasi mereka.
Ketika pengguna menjalankan halaman web untuk mendapatkan informasi lokasi mereka, browser dapat mulai membaca informasi geografis. Ini akan mengembalikan objek informasi lokasi Anda. Struktur objek pada dasarnya adalah sebagai berikut:
// "Posisi" Object {koordinat: {"koordinat" Akurasi objek: 65, Altitude: 294.4074401855469, altitudeaccuracy: 10, heading: -1, lintang: 43.01256284360166, longitude: -89.445319844, longitude: -89.4453198444, longitude: -89.4453198444, -8931984, -89.44531984, 1429722992094269}Jika Anda berpikir informasi lokasi geografis ini (koordinat lintang geografis dan bujur) tidak cukup dan menginginkan negara atau kota yang dimiliki oleh koordinat geografis ini, Anda perlu menghubungi basis data pihak ketiga lainnya - kami tidak akan menjelaskan secara rinci di sini.
API Informasi Geolokasi ini adalah aplikasi API yang paling umum di banyak aplikasi seluler. Sebagai programmer web, itu harus menjadi pengetahuan dan keterampilan yang harus Anda miliki. Untungnya, teknologi ini didukung oleh semua browser populer saat ini.
Di atas adalah semua tentang artikel ini, saya harap akan sangat membantu bagi semua orang untuk mempelajari pemrograman JavaScript.