Candralab GIS itu apa? CandralabGIS adalah GIS yang dibangun denganPHP, Google maps danTwitter bootstrap; ditujukan untuk para pelajar/mahasiswa yang ingin belajar membuat aplikasi GIS berbasis web. GIS ini hanya terdiri dari 3 modul yaitu SPBU, Rumah sakit dan kantor polisi namun anda bisa menambahkan kategori lain sesuai kebutuhan. Tampilan Candralab GIS Candra lab gis v 1 from…
Salahsatu fitur yang sering ada di aplikasi berbasis Google map adalah adanya fitur untuk memberi petunjuk jalan (direction) kepada pengunjung. sayangnya, banyak tutorial yang memberikan codenya cuman sepotong, dalam tutorial ini, akan saya tunjukan script lengkap yang bisa anda coba sendiri. Anda juga bisa mendowload source codenya. Tutorial ini membutuhkan PHP untuk memproses data lokasi…
Jika kita ingin membuat aplikasi web Google map, salah satu tugas yang harus dilakukan adalah membuat input data lokasi secara interakif. User memindahkan pin marker di google map dan secara otomatis latitude dan longitude akan ikut berupah di textfieldnya. Yup, itulah yang akan kita buat. Gambaran tampilan dari input datanya tampak seperti gambar dibawah ini….
Artikel ini merupakan kelanjutan dari artikel dengan judul Google maps InfoWindow berbasis Ajax +PHP yang saya tulis sebelumnya. Jika dalam tutorial tersebut, informasi detail muncul di InfoWindows, dalam tutorial ini, kita akan belajar menampilkan informasi detail di halaman website. Cara kerjanya, user menklik sebuah marker (icon) di peta dan iformasi peta tersebut akan muncul di…
Tutorial Google maps sebelumnya hanya sebatas menampilkan data statis. Data harus diletakan di javascript langsung. Namu biasanya data lokasi GIS berada di database. Tutorial ini akan mengajarkan bagaimana cara menampilkan data lokasi yang tersimpan di MySQL ke Google maps menggunakan PHP. Berikut ini tutorialnya. sekenario aplikai ini adalah menampilkan object wisata di jogjakarta dimana data…
Menampilkan marker dan infowindows adalah hal yang biasa di aplikasi GIS. Namun, anda juga harus memasukan lokasi koordinat kedalam database bukan? Kali ini saya akan mengajarkan bagaimana memasukan data latitude dan longitude kedalam input field dengan dragable marker. Jadi si user cukup menggeser pin di Peta, nanti posisi latitude dan longitude posisi terakhir otomatis akan…
Menampilkan sebuah marker dengan infoWindow sudah kita bahas di materi sebelumnya. Sekarang bagaimana cara menampilkan multiple marker di Google maps? untuk menampilkan beberapa marker atau bahkan puluhan marker sekaligus, kita harus menampung lokasi dalam array javascript. Untuk memudahkan gambarannya, saya akan memberikan contoh peta untuk menampilkan lokasi beberapa kampus di Yogyakarta. Kode menampilkan banyak marker…
Artikel ini adalah bagian ketiga dari pembahasan tentang Google maps API. dalam artikel ini akan dijelaskan secara singkat tentang 2 hal yaitu Marker dan InfoWindow. Marker adalah pin yang di Maps, infoWindows adalah jendela info yang muncul saat pin di klik. Marker Untuk menampilkan marker, hal yang perlu diperhatikan, marker harus di deklarasikan setelah variable…
Google maps adalah layanan yang sangat canggih, Namun jika seandainya anda memanfaatkan layanan ini di mobile(Android) sama dengan anda memanfaatkannya lewat Web, maka anda sebenarnya baru memakai 25% persen dari kemampuan Google maps sesungguhnya. Google maps di Android sebenarnya terdiri dari 4 Program terpisah, Jika kita lihat gambar disamping, kita bisa melihat 4 layanan(utama) berbasis…
