Geolocation Widget

Saya pikir, makin lama gadget/widget akan semakin berkembang pesat.Salah satu contohnya adalah ketika memberikan rekomendasi tempat makan atau informasi cuaca berdasarkan lokasi kita berada.Jika selama ini kita sudah mengenal penentuan posisi menggunakan GPS, maka HTML5 menyediakan fitur yang sama yaitu indetifikasi lokasi yang dikenal dengna istilah geolocation.

Penentuan lokasi pada HTML5 ini bisa diatur oleh pengguna,artinya pengguna bisa mengaktifkan atau tidak mengaktifkan fitur ini.Untuk memanfaatkan fitur geolocation ini kita akan menggunakan metode getCurrentPosition().Tetapi mungkin didalam artikel geolocation widget ini tidak berfungsi,maka dari itu praktekanlah langsung tutorial widget ini.

Berikut adalh contoh sederhana dari menentukan garis lintang dan bujur dari posisi pengguna :

<!DOCTYPE html>
<html>
<body>
<p id="lokasi">Klik di sini untuk melihat informasi koordinat:</p>
<button onclick="getLocation()">Cari Lokasi</button>
<script>
function getLocation()
{
navigator.geolocation.getCurrentPosition(showPosition);
}
function showPosition(posisi)
{
document.getElementById("lokasi").innerHTML="Latitude:"+
posisi.coords.latitude+
"<br>Longitude:"+posisi.coords.longitude;
}
</script>
</body>
</html>