Cara Penggunaan Properti Navigator Geolokasi pada HTML

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.

Sintak:
navigator.geolocation

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":

Komentar

  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

Posting Komentar

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

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C