Deteksi lokasi anda dengan HTML5 Geolocation

 Author : hadinug, 17 March, 2014, Komentar

HTML5 Geolocation API memungkinkan kita berbagi lokasi dengan situs web favorit. Javascript dapat menangkap lintang dan bujur dan dapat dikirim ke server web backend dan melakukan pendeteksian lokasi saat ini. Hal seperti ini bisa kita gunakan menemukan bisnis lokal atau menunjukkan lokasi kita pada peta. 



Saat ini sebagian besar browser dan perangkat mobile mendukung Geolocation API. API geolocation bekerja dengan properti baru dari global navigator objek yaitu. Objek Geolocation yang dapat dibuat sebagai berikut:


var geolocation = navigator.geolocation;


Objek geolocation adalah objek layanan yang memungkinkan widget untuk mengambil informasi tentang lokasi geografis dari perangkat.


Method

Berikut ini metode yang terdapat pada objek geolocation

 MethodKeterangan
 getCurrentPosition()Metode ini mengambil lokasi geografis saat ini pengguna. 
 watchPosition()Metode ini mengambil update berkala tentang lokasi geografis perangkat saat ini. 
clearWatch()Metode ini membatalkan panggilan watchPosition sedang berlangsung.

Berikut ini adalah contoh kode untuk menggunakan salah satu dari metode di atas :

<script type="text/javascript">
    function getLocation( ) {
        var geolocation = navigator.geolocation;
        geolocation.getCurrentPosition(showLocation, errorHandler);
    }
    function showLocation(position) {
        var lat = position.coords.latitude;
        var long = position.coords.longitude;
        alert("latitude:"+lat+"&longitude:"+long);
    }
    function errorHandler(err) {
        alert(err);
    }
    getLocation();
</script>


 
Bagikan halaman ke sosial media
 
Tags :   geolocation       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda