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 Read more…
Menampilkan infowindows bukan perkara yang sulit, namun menampilkan menampilkan isi infowindows dengan ajax itulah yang sulit. Sebelum membahas lebih jauh kita harus memahami dulu mengapa kita perlu menggunakan AjAX untuk menampilkan infowindow. Anggaplah anda mempunyai sistem informasi geografis lokasi wisata diseluruh indonesia. Saat pertama kali user membuka website, anda menampilkan Read more…
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 Read more…
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 Read more…
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 Read more…
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 Read more…
Tutorial singkat ini akan menjelaskan script dasar dari Google maps. Anda cukup menggunakan sembarang editor dan save filenya dengan nama map1.html dan buka di browser. hasil dari script diatas adalah sbb: Latihan Untuk latihan, silahkan anda ganti type peta, level Zooming dan titik tengah peta
Mulai hari ini dan beberapa hari kedepan, saya akan membuat panduan tentang materi yang berhubungan dengan Google maps API. Rencana materi yang akan disampaikan adalah sbb: Pengantar Google Maps API Dasar Dasar Google Maps API Marker dan InfoWindows Multiple Marker Integrasi Google Maps API+PHP+MySQL Artikel ini adalah bagian pertama Read more…