Geolocation dengan javascript dan library Leaflet


Geolocation adalah proses mendeteksi lokasi keberadaan kita menggunakan koneksi internet tepatnya pada saat kita menggunakan aplikasi web browser, seperti Chrome, Firefox, Safari atau sejenisnya. Geolocation ini dapat menggunakan script HTML5, javascript dan juga menggunakan Google Maps kita bisa menampilkan lokasi keberadaan kita pada peta di web.

Dengan menggunakan librari Leaflet kita dapat menghadirkan contoh pemetaan user yang mengakses website kita seperti gambar di atas. 

Leaflet ( https://leafletjs.com ) adalah pustaka JavaScript open-source terkemuka untuk peta interaktif yang ramah-mobile. Dengan berat hanya sekitar 38+ KB JS, ia memiliki semua fitur pemetaan yang paling dibutuhkan pengembang.

Nah, Untuk mendapatkan lokasinya bagi aplikasi PHP kita bisa dengan menanamkan script deteksi gelocation (latitude, longitude) seperti di bawah ini. Skrip PHP nya kita pakai uituk menghasilkan alaam IP nya saja dalu dari alamat IP itu kita kirim ke website lahanan http://ipinfo.io/ unduk mendapatkan detail lokasi. Tapi tidak sebatas teknik PHP ini sih. Kita juga bisa menggunakan HTML5 lainnya seperti pengertian geolocation di atas.

Comments

Post a Comment

Popular posts from this blog

Tim Task-Force di Perusahaan

Image
Di perusahaan atau organisasi ada yang namanya tim Task-Force. Apa itu? Tim Task-Force adalah satuan tugas lintas fungsi atau lintas bagian yang dibentuk untuk menyelesaikan tugas khusus organisasi yang memiliki sasaran dan jangka-waktu tertentu. Contohnya Tim Task-Force Peningkatan Layanan Bisnis.  Nah contoh di atas tim bisa melakukan Kajian Proses Bisnis kemudian mengembangkan analisa melalui Olah Data dan Wawancara menjadi berbagai kemungkinan perbaikan mencakup alur proses, sumber daya manusia, hingga kemampuan infrastruktur teknologi informasi. Dari hasil itu tim bisa lanjut mengadakan Focus Group Discussion kepada masing-masing pemilik proses untuk menggali ide, kendala, dan tantangan yang dialami pelaku proses (user) serta meng-konfirmasi persetujuan masing-masing pimpinan bagian untuk memberikan arahan terkait perbaikan peningkatan layanan.  Dari sisi eksternal, tim juga melakukan Role Play bekerja-sama dengan sejumlah pengguna jasa / produk perusahaan tersebut untuk mendapat
Read more

Addon untuk form input secara autocomplete text dengan typeahead.js

Image
Form input autocomplete text adalah contohnya seperti kita sedang search di google atau mesin pencari lainnya. Kita ketikkan beberapa huruf lalu muncul pilihan seperti gambar di bawah ini.       Fitur autocomplete text ini di aplikasi web dapat kita hadirkan dengan menggunakan jQuery dan Typeahead seperti yang tersedia di link ini  https://phppot.com/jquery/bootstrap-autocomplete-with-dynamic-data-load-using-php-ajax Bagi web programmer yang terbiasa menggunakan jQuery dan bootstrap bisa pakai addon ini. Addon serupa dapat dilihat di https://plugins.jquery.com/tag/typeahead/ . Ini sangat membantu
Read more