Lompat ke konten Lompat ke sidebar Lompat ke footer

Koordinat Geolokasi HTML DOM dan Fungsinya

Properti koordinat geolokasi DOM pada HTML digunakan untuk mengembalikan nilai posisi dan nilai altitude dari perangkat posisi atau koordinat lokasi. Pengembalian nilai yang dilakukan oleh properti koordinat geolokasi DOM pada HTML dapat digunakan untuk berbagai macam tujuan termasuk untuk tujuan navigasi dan pelacakan posisi dari suatu perangkat.


Sebelum memahami lebih dalam materi tentang Koordinat Geolokasi HTML DOM dan Fungsinya, terlebih dahulu pelajari materi tentang: Mengatur Konten Teks HTML Menggunakan textContent DOM, Mengatur Nama Tag HTML Menggunakan tagName DOM, dan Mengatur Atribut Node HTML Menggunakan setAttributeNode DOM.

Property Values:
  • coordinates.latitude = merupakan perangkat latitude dalam nilai derajat desimal.
  • coordinates.longitude = merupakan perangkat longitudinal dalam derajat desimal.
  • coordinates.accuracy = digunakan untuk mengetahui tingkat akurasi dari latitude dan longitudinal dalam satuan meter.
  • coordinates.altitude = merupakan perangkat altitude relatif untuk level kedalaman laut dalam satuan meter.
  • coordinates.altitudeAccuracy = digunakan untuk mengetahui tingkat akurasi dari altitude dalam satuan meter.
  • coordinates.heading = digunakan untuk melacak arah dari perangkat ketika sedang menuju suatu rute, dimana nilai yang diberikan adalah dalam satuan derajat, dan mengindikasikan arah saat ini. Properti ini juga dapat mengembalikan nilai null.
  • coordinates.speed = merupakan nilai velositas perangkat dalam satuan meter per detik. Nilai dari properti ini dapat berupa nilai null jika perangkat sedang tidak melakukan perjalanan atau pelacakan rute tertentu.

Kegunaan: method sepeerti getCurrentPosition() atau watchPosition() digunakan untuk melewatkan fungsi callback dan menerima akses koordinat properti.

Baca Juga:

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti koordinat geolokasi 

DOM 

</title>

</head>

 

<body>

 

<h1 style="color: green">

Blog Elfan

</h1>

 

<b>

Properti koordinat geolokasi 

DOM 

</b>

 

<p>

Klik tombol untuk mendapatkan 

koordinat.

</p>

 

<button 

onclick="getLocation()">

Dapatkan Lokasi

</button>

 

<p class="location"></p>

 

<script>

let x = document.querySelector('.location');

 

 

function getLocation() 

{

/* Periksa jika dukungan 

pelacakan lokasi tersedia */

if (navigator.geolocation) 

{

/* Callback ke fungsi 

showPosition */

navigator.geolocation.getCurrentPosition(

showPosition);} 

 

else {

x.innerHTML = "Geolocation is 

not supported.";}

}

 

 

function showPosition(position

{

/* Penandan object koordinat 

ke sebuah variabel */

let coordinatesObject = position.coords;

x.innerHTML =

 

"Nilai Akurasi: " +

/* Dapatkan nilai akurasi dari 

object koordinat. */

coordinatesObject.accuracy +

 

"<br>Latitude: " +

/* Dapatkan nilai latitude 

dari object koordinat. */

coordinatesObject.latitude +

 

"<br>Longitudinal: " +

/* Dapatkan nilai longitudinal 

dari object koordinat. */

coordinatesObject.longitude +

 

"<br>Altitude: " +

/* Mendapatkan nilai altitude 

dari object koordinat. */

coordinatesObject.altitude +

 

"<br>Altitude Accuracy: " +

/* Mendapatkan nilai akurasi 

altitude dari objet koordinat. */

coordinatesObject.altitudeAccuracy +

 

"<br>Speed: " +

/* Mendapatkan nilai kecepatan 

atau speed dari object 

koordinat. */

coordinatesObject.speed +

 

"<br>Heading: " +

/* Mendapatkan nilai heading 

dari object koordinat. */

coordinatesObject.heading;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti koordinat geolokasi DOM

Klik tombol untuk mendapatkan koordinat.


Artikel ini didedikasikan kepada: Muhammad Zacky Sirojul Munir, Mutik Kamila, Nabila Qurrotu Aini, Nabila Tharfi Qoirunisya, dan Nanda Diva Lingkar Imani.

7 komentar untuk "Koordinat Geolokasi HTML DOM dan Fungsinya"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method properti koordinat geolokasi DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti koordinat geolokasi DOM pada HTML:
      1. Google Chrome 5.0
      2. Firefox 3.5
      3. Internet Explorer 9.0
      4. Opera 10.6
      5. Safari 5.0

      Hapus
  2. Apa yang dimaksud dengan geolokasi atau API geolokasi pada HTML?

    BalasHapus
    Balasan
    1. HTML geolokasi API digunakan untuk mendapatkan posisi geografi dari user atau pengguna. Karena penggunaan dari fasilitas ini dapat membahayakan privasi pengguna, maka posisi tersebut tidak tersedia kecuali jika pengguna atau user menyetujui ijin aksesnya.

      Catatan: contoh geolokasi paling akurat untuk perangkat tipe GPS adalah seperti perangkat smartphone.

      Hapus
  3. Kenapa fitur geolokasi merupakan fitur yang berbahaya bagi pengguna?

    BalasHapus
    Balasan
    1. Jika semua orang dapat mengetahui posisi orang lain melalui fitur geolokasi, maka posisi atau koordinat orang tidak bisa disembunyikan dari orang lain atau dari pihak-pihak tertentu yang memiliki niat jahat terhadap user.

      Hapus
    2. Ada lagi contoh lain, seperti anggota DPR yang maru nananinu dengan selingkuhannya tidak akan pernah bisa dilakukan, karena istri anggota tersebut dapat langsung memeriksa atau memantaunya dari jarak jauh. :D

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -