Tutorial Javascript - Menghitung Jarak Longitude dan Latitude


Pada tutorial sebelumnya saya pernah menjelaskan bagaimana cara menghitung jarak dengan menggunakan MySQL.

Baca juga :
Tutorial SQL - Menghitung Jarak Longitude dan Latitude

Nah, kali ini saya akan menjelaskan topik yang sama yaitu menghitung jarak namun dengan menggunakan javascript.

Di sini kita akan menggunakan library yang sudah disediakan oleh google.

Seperti pada artikel sebelumnya, saya akan menggunakan contoh lokasi yang sama yaitu,


  • Lokasi pertama adalah Gereja Katolik Santa Maria Tak Bercela dengan koordinat latitude -7.2888878 dan longitude 112.7581761.
  • Lokasi kedua adalah Indomaret Ngagel Madya  dengan latitude -7.2921667 dan longitude 112.7598175.

Berikut ini adalah contoh kode untuk melakukan perhitungan jarak dengan menggunakan contoh lokasi di atas :



<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script>

<script>
//lokasi pertama
var posisi_1 = new google.maps.LatLng(-7.2888878, 112.7581761);

//lokasi kedua
var posisi_2 = new google.maps.LatLng(-7.2921667, 112.7598175);

document.write(hitungJarak(posisi_1, posisi_2));


function hitungJarak(posisi_1, posisi_2) {
  return (google.maps.geometry.spherical.computeDistanceBetween(posisi_1, posisi_2) / 1000).toFixed(5);
}

</script>


Yang pertama tentu saja melakukan pemanggilan script library dari google.
Kemudian kita masukkan ke dalam sebuah variabel untuk menyimpan posisi lokasi pertama dan lokasi kedua (posisi_1 dan posisi_2).

Hasil yang dimunculkan dalam perhitungan jarak ini adalah dengan satuan KM dan juga menampilkan hasil sampai dengan 5 angka dibelakan koma.
Untuk mengatur hasil anda dapat mengubah nilai dari pembagian 1000 ( / 1000) pada kode yang berfungsi mengubah satuan. Sedangkan untuk mengubah jumlah angka belakang koma, anda dapat mengubah angka pada fungsi toFixed.

Demikianlah penjelasan singkat saya pada artikel Tutorial Javascript - Menghitung Jarak Longitude dan Latitude ini. Silahkan gunakan kolom komentar jika ada pertanyaan seputar artikel yang telah saya jelaskan di atas ini. Terima kasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel