Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengetahui Lokasi HTMl Saat Ini Menggunakan Geolokasi Navigator

Properti Navigator geolokasi pada HTML digunakan untuk mengembalikan object geolokasi oleh browser yang digunakan untuk mengetahui posisi lokasi pengguna. Properti navigator geolokasi merupakan properti read-only dan hanya tersedia pada browser jika disetujui oleh pengguna berkaitan dengan isu privasi data.

Cara Penggunaan Properti Navigator Geolokasi pada HTML
Ilustrasi Navigator Geolokasi HTML

Sebelum memahami lebih dalam materi tentang Mengetahui Lokasi HTMl Saat Ini Menggunakan Geolokasi Navigator, terlebih dahulu pelajari materi tentang: Memeriksa Cookie Navigator HTML Menggunakan cookieEnabled [klik], Membaca Versi Aplikasi HTML Menggunakan appVersion Navigator [klik], dan Mengatur Nama Aplikasi HTML Menggunakan appName Navigator [klik].


Berikut adalah program ilustrasi dari proerti Navigator geolokasi pada HTML.

Contoh: periksa posisi geolokasi pengguna.

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Navigator Geolokasi 

HTML

</title>

 

<style>

h1 

{

color: green;}

 

h2 

{

font-family: Impact;}

 

body 

{

text-align: center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Properti Navigator Geolokasi

</h2>

 

<p>

Untuk pemeriksaan koordinat, 

lakukan double klik pada 

tombol "Get Coordinates":

</p>

 

<button 

ondblclick="getCoordinates()">

Get Coordinates

</button>

 

<p id="loc"></p>

 

<script>

var x = document.getElementById("loc");

 

function getCoordinates() 

{

if (navigator.geolocation) 

{navigator.geolocation.getCurrentPosition(showcoordinates);} 

else 

{x.innerHTML = "Browser ti"

+ "dak mendukung pengguna"

+ "an geolokasi.";}

}

 

function showcoordinates(myposition

{

x.innerHTML = "Nilai latit"

+ "ude adalah: " 

+ myposition.coords.latitude 

+ "<br>Nilai longitude "

+ "adalah: " 

+ myposition.coords.longitude;

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Properti Navigator Geolokasi

Untuk pemeriksaan koordinat, lakukan double klik pada tombol "Get Coordinates":


Artikel ini didedikasikan kepada: Arfiani Ichsanti Octarizka, Assyifa Salsabila Jannatin, Aulia Pramudita, Aulia Vega Fachmi, dan Auliya Lathifa.

5 komentar untuk "Mengetahui Lokasi HTMl Saat Ini Menggunakan Geolokasi Navigator"

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

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

      Hapus
  2. Apa fungsi dari properti navigator geolokasi pada HTML?

    BalasHapus
    Balasan
    1. Geolokasi atau navigator.geolocation merpakan salah sati API pada HTML5 yang digunakan untuk mengidentifikasi lokasi geografi pengguna untuk aplikasi website. Fitur ini memungkinkan user untuk melakukan navigasi melalui koordinat lintang dan bujur dari situs pengunjung.

      Hapus
    2. Properti navigator.geolokasi merupakan navigator read-only yang digunakan untuk mengembalikan object geolokasi yang memberikan akses ke konten web terhadap lokasi perangkat pengguna. Hal ini memungkinkan situr web atau aplikasi untuk menawarkan hasil yang disesuaikan berdasarkan lokasi pengguna saat ini.

      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 -