Memanfaatkan Javascript, Database dan Visualisasi Google Maps Pada Web!
Pada postingan kali ini saya akan menjelaskan mengenai cara untuk menampilkan posisi objek (latitude dan longitude) yang diambil dari Database kedalam peta berbasis Google Maps. Google maps digunakan sebagai media visual dari posisi objek tersebut. Media visual lainnya yang saya ketahui yaitu OpenLayer. Namun kali ini saya akan membahas Google Maps. Sebelum membaca postingan ini ada baiknya teman-teman membaca postingan ini! dan ini! terlebih dahulu agar memahami tiap bagian pada pembahasan kali ini.
Dengan asumsi teman-teman telah memahami postingan lain yang terkait mengenai pembahasan kali ini maka saya akan mulai menjelaskan bagaimana caranya untuk menampilkan posisi suatu objek yang datanya diambil dari database dan ditampilkan pada peta Google Maps.
Pada script yang saya gunakan, Google Maps menampilkan posisi menggunakan nilai Latitude dan Longitude. Jadi pastikan data yang tersimpan pada database kita merupakan nilai Latitude dan Longitude yang benar. Contoh tabel yang saya miliki dapat dilihat pada gambar berikut.
 |
| Contoh Data Pada Database |
Tabel diatas bernama wisata_alam. Tabel ini saya gunakan sebagai contoh dalam pembahasan kali ini. Untuk field latitude dan longitude gunakan tipe data Character Varying agar memudahkan saat melakukan penyimpanan data.