Sebelum memulai kodingan kali ini, kalian sudah tahu apa itu latitude dan longitude?. Sederhananya, latitude dan longitude adalah garis bujur dan garis lintang atau bisa disebut garis horizontal dan vertikal pada maps untuk menentukan titik koordinat.
Latitude dan Longitude digunakan untuk menentukan posisi pada maps di sebuah pemrograman. Contohnya seperti Google Maps, untuk menentukan jarak dari titik A ke titik B, maka diperlukan masing-masing Latitude dan Longitude lokasi titik A dan titik B.
Dalam pemrograman kita bisa memanfaatkan Latitude dan Longitude untuk mendapatkan lokasi user / pengunjung website, menampilkan list outlet atau toko dari terdekat dan masih banyak manfaatnya yang berhubungan dengan maps.
Pada kali ini, kita akan mencoba mendapatkan Latitude dan Longitude dengan memanfaatkan GPS pada device yang kita gunakan dengan memanfaatkan function navigator pada Javascript.
Pertama kita panggil navigator seperti di bawah ini
<script>
if(navigator.geolocation){ //jika navigator tersedia
navigator.geolocation.getCurrentPosition(showPosition, showError);
}
else{ //jika navigator tidak tersedia
console.log("Geolocation is not supported by this device");
}
</script>
Dari kodingan di atas jika function navigator tidak berjalan makan akan menampilkan pesan di konsol browser, tetapi jika navigator berhasil berjalan maka akan menampilkan function showPosition atau showError.
Jika kita memberi izin untuk browser membaca GPS, maka yang akan dijalankan adalah function showPosition, tetapi jika tidak di izinkan makan akan menjalankan showError.
Berikutnya kita buat untuk function showPosition dan showError. Lanjutkan kodingannya menjadi seperti di bawah ini
<script>
if(navigator.geolocation){ //jika navigator tersedia
navigator.geolocation.getCurrentPosition(showPosition, showError);
}
else{ //jika navigator tidak tersedia
console.log("Geolocation is not supported by this device");
}
//jika location allowed
function showPosition(position){
var latlong = position.coords.latitude + "," + position.coords.longitude;
alert(latlong);
}
//jika location disabled atau not allowed
function showError(error){
switch(error.code){
case error.PERMISSION_DENIED:
console.log("User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
console.log("Location information is unavailable.");
break;
case error.TIMEOUT:
console.log("The request to get user location timed out.");
break;
case error.UNKNOWN_ERROR:
console.log("An unknown error occurred.");
break;
}
}
</script>
Jika kita menjalankan kodingan di atas maka akan menampilkan alert titik koordinat yang terbaca di GPS device kita

Untuk memastikan lokasi koordinatnya, kita bisa mencoba titik koordinat yang tampil lalu copy paste ke kotak pencarian di google maps

Pada materi kali ini kita hanya mempelajari bagaimana cara mendapatkan Latitude dan Longitude dengan Javascript. Kita akan mempelajari cara mengolah koordinat tersebut pada materi yang berbeda.
bagus, cuma aku ada pertanyaan, kenapa aku kopy paste script jadi html, kok aku coba jalankan di HP tidak bisa ya, cuma blank aja, kira kira kurang apa nya ya?
kemungkinan permission locationnya belum di enable atau browser tidak mendukung (disarankan menggunakan browser terbaru). bisa dicoba test html di https://sample-code.cobangoding.com/latlong1.html
Oke worked, thank you ka
Thank you ka sudah mampir 🙂
kalo alert latitude /longitude biar masuk ke kolom input atau minimal echo gimana caranya kak?
Hi,
Jika ingin memasukkan nilai latitude dan longitude ke inputan di Javascript salah satu caranya kamu bisa menggunakan “document”.
Kamu bisa lihat contohnya di link berikut
https://stackblitz.com/edit/stackblitz-starters-fxrx2rav?file=script.js