Koordinat Geolokasi HTML DOM dan Fungsinya
 |
| Ilustrasi Geolokasi DOM HTML |
- 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.
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>
Blog Elfan
Properti koordinat geolokasi DOMKlik tombol untuk mendapatkan koordinat.
- Cara Penggunaan Properti History.length() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method item() DOM pada HTMLCollection [klik]
- 2 Contoh Penggunaan Properti length pada HTMLcollection [klik]
- 2 Sintak Penggunaan Method namedItem() pada HTMLcollection [klik]
- 2 Bentuk Sintak pada Properti Lokasi Hash DOM pada HTML [klik]
- 2 Sintak Pada Properti Lokasi Host DOM pada HTML [klik]
- 2 Sintak Penggunaan Properti Lokasi Hostname DOM pada HTML [klik]
7 komentar untuk "Koordinat Geolokasi HTML DOM dan Fungsinya"
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 -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method properti koordinat geolokasi DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti koordinat geolokasi DOM pada HTML:
Hapus1. Google Chrome 5.0
2. Firefox 3.5
3. Internet Explorer 9.0
4. Opera 10.6
5. Safari 5.0
Apa yang dimaksud dengan geolokasi atau API geolokasi pada HTML?
BalasHapusHTML 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.
HapusCatatan: contoh geolokasi paling akurat untuk perangkat tipe GPS adalah seperti perangkat smartphone.
Kenapa fitur geolokasi merupakan fitur yang berbahaya bagi pengguna?
BalasHapusJika 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.
HapusAda 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