Geolokasi Posisi DOM HTML dan Fungsinya
- position.coords: mengembalikan nilai koordinat object yang memiliki semua informasi lokasi saat ini.
- position.timestamp: merepreentasikan DOMTimeStamp yang menampilkan waktu ketika lokasi ditemukan.
Kegunaan: method getCurrentPosition() atau method watchPosition() dapat digunakan untuk melewatkan fungsi callback dan mengakses properti posisi.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti Posisi Geolokasi DOM
</title>
</head>
<body>
<h1
style = "color: green">
Blog Elfan
</h1>
<b>
Properti Posisi Geolokasi DOM
</b>
<p>
Klik tombol untuk mendapatkan
posisi.
</p>
<button
onclick = "getLocation()">
Dapatkan Lokasi
</button>
<p class = "location"></p>
<script>
let x = document.querySelector('.location');
function getLocation()
{
/* Periksa apakah tersedia
pelacakan lokasi atau tidak.
*/
if (navigator.geolocation)
{/* Callback ke fungsi
showPosition */
navigator.geolocation.getCurrentPosition(showPosition);}
else {
x.innerHTML = "Pelacakan Geolokasi Tidak Didukung Penggunaannya.";}
}
function showPosition(position)
{
x.innerHTML = "Latitude: " +
/* Mendapatkan nilai latitude
dari object koordinat. */
position.coords.latitude +
"<br>Longitude: " +
/* Mendapatkan nilai longitude
dari object koordinat. */
position.coords.longitude +
"<br>Timestamp: " +
/* Mendapatkan timestamp dari
lokasi yang diperoleh. */
position.timestamp;
}
</script>
</body>
</html>
Blog Elfan
Properti Posisi Geolokasi DOMKlik tombol untuk mendapatkan posisi.
- 2 Contoh Penggunaan Method item() DOM pada HTMLCollection
- 2 Contoh Penggunaan Properti length pada HTMLcollection
- 2 Sintak Penggunaan Method namedItem() pada HTMLcollection
- 2 Bentuk Sintak pada Properti Lokasi Hash DOM pada HTML
- 2 Sintak Pada Properti Lokasi Host DOM pada HTML
- 2 Sintak Penggunaan Properti Lokasi Hostname DOM pada HTML
- 2 Contoh Penggunaan Properti Lokasi href DOM pada HTML
6 komentar untuk "Geolokasi Posisi DOM HTML 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 properti posisi geolokasi DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan properti posisi geolokasi DOM pada HTML:
Hapus1. Google Chrome 5.0
2. Internet Explorer 9.0
3. Firefox 3.5
4. Opera 16.0
5. Safari 5.0
Apa yang dimaksud dengan properti posisi?
BalasHapusProperti posisi DOM pada HTML digunakan untuk mengembalikan jenis method penentuan posisi yang digunakan untuk suatu elemen baik itu elemen statis, elemen relatif, elemen absolut, ataupun elemen tetap.
HapusApa fungsi properti geolokasi posisi DOM pada HTML?
BalasHapusProperti koordinat geolokasi DOM pada HTML digunakan untuk mendapatkan posisi dari perangkat ketinggian user terhadap bumi.
Hapus