Tutorial Android

Tutorial Membuat Aplikasi Mobile GIS Menggunakan Android Studio: Menampilkan Marker Studio pada Maps [Bagian 8]

Pada tulisan kali ini saya akan membahas bagaimana cara menampilkan Marker Studio pada GoogleMaps. Untuk data lokasi marker (latitude dan longitude) didapat melalui database StudioMusik yag telah dibuat pada tutorial Bagian 6, kemudian data tersebut akan kita jadikan sebuah API dengan bantuan php, dan pada tahap ini akan dijelaskan bagaimana menarik data dari API.

Untuk melihat langkah yang telah dikerjakan sebelumnya, kalian dapat melihatnya lagi pada link dibawah ini :

Berikut ini merupakan tahapan untuk menarik data API yang telah dibuat, dan diolah untuk menampilkan data lokasi studio (latitude dan longitude) :

1. Pastikan API yang telah dibuat sudah berbentuk JSON, untuk mengeceknya kalian dapat melihatnya pada link di bawah ini :

API STUDIO MUSIK

2. Jika data API sudah siap, buka project, kemudian pilih build.gradle (module: app). Di sini tambahkan library Volley, fungsi library ini adalah untuk parsing data API ke program. Selain library Volley jika kalian ingin menggunakan cara lainnya bisa menggunakan Retrofit, GSON, atau menggunakan HttpRequest. Berikut code yang harus ditambahkan :

Kemudian sinkronasi ulang Gradle kalian, dengan memilih Try Again dipojok kanan atas.

3. Jika sudah, buka MapsActivity.java. Tambahkan code di bawah nama Class untuk deklarasi variabel dan tipe datanya :

Lalu buat sebuah method dengan nama getLokasi() yang berada diluar method onCreate. Berikut adalah skripnya :

Pada methode diataslah data API akan ditarik dan akan digunakan untuk menampilkan marker lokasi studio musik.

Logikanya adalah dengan menyimpan data dari API pada variabel Array, kemudian untuk banyaknya penarikan data dilakukan dengan perulangan menggunakan for

Lalu untuk menampilakan marker digunakan fungsi addmarker, dengan position diambil dari Array latLng[i] yang telah berisi data (Latitude dan Longitude). Ditampilkan juga title, snipset, dan icon dari marker itu sendiri seperti skrip di bawah ini :

Lalu untuk penanganan Error yang tidak diinginkan seperti tidak ada koneksi Internet, penulis menanganinya dengan memunculkan dialog alert yang berisi pemberitahuan bahwa tidak ada koneksi internet dan terdapat button refresh untuk me-reload koneksi dengan memanggil kembali method getLokasi(), seperti di bawah ini :

Jika kalian ingin menampilkan beberapa toolbar pada Maps, seperti toolbar untuk Zoom in atau Zoom out kalian dapat menambahkan code berikut :

3. Terakhir coba untuk running project dan buka menu Maps apakah berhasil menampilkan Marker Studio Musik, jika berhasil akan tampil marker seperti di bawah ini :

tampilan marker studio

Kemudian jika tekan sekali pada marker akan memunculkan informasi nama Studio dan juga alamat studio musik tersebut :

klik marker

Demikianlah tutorial bagian ini, dengan demikian kalian sudah dapat membuat aplikasi GIS. Untuk tutorial selanjutnya adalah menampilkan detail studio musik.


nulis di inwepo





21 Comments

21 Comments

  1. deLL

    at

    maaf mas, mau tanya

    saya sudah ngikutin tutor dari bagian 5 sampai ke 8 tapi kok markernya gak tampil ya mas ?

    saya pake JSON yg mas punya jga gak nampil

    mohon pencerahannya mas

    • Ivan Bagus Pinuntun

      Ivan Bagus Pinuntun

      at

      Errornya apa mas?

      • Andri Nugroho

        at

        Tahap ini Saya sudah coba dan belum berhasil. Terdapat error pada Method getlokasi() unused dan ketika saya jalankan, dan klick button view map, tetapi malah force close. mungkin ada coding yang terlewat mas, mohon diperbaiki, sankyu

        • sam nursanto

          at

          Bantu melengkapi sekalian nanya,
          Bisa ko mas, saya udah coba dan ini sangat membantu saya (newbie),
          memang ada kekurangan gambar seperti R.drawable.markerstudio itu tidak ada,
          jadi saya download marker sendiri terus saya simpan di res/drawable gambarnya.
          untuk getLokasi() tidak dijelaskan pemanggilannya jadi saya hapus default marker sidney yang ada di onMapReady
          dan saya panggil fungsi getLokasi() disitu.
          al hasil jalan lah aplikasi ini.

          selanjutnya yang ingin saya tanyakan adalah :
          1. bagaimana agar mengatur menu map responsive, soalnya tapilan aplikasi di saya tidak pas?
          2. saya baca tentang library geojson di google map developer android, nah bagaimana menggunakan geojson library tersebut di kasus seperti ini?

          mohon pencerahannya ya mas, terimakasih

          • Baskoro Jogja

            at

            maaf mas, mau tanya
            untuk pemanggilan getlokasi gimana ya saya masih bingung nih??tolong dijelasin
            soalnya makernya tidak mau tampil
            mohon dijelaskan, terimakasih

          • Ivan Bagus Pinuntun

            Ivan Bagus Pinuntun

            at

            untuk map responsive saya masih belajar mas cuma jika ingin gampangnya mas atur di xml nya untuk height dan length menjadi match_parent

          • hallo mas, boleh minta tolong untuk dijelaskan cara memanggil getLokasi nya mas.. cara nya seperti apa? maaf saya newbie.. makasih mas

          • agus

            at

            punya mas mau gak kelihatan markernya ?

        • Ivan Bagus Pinuntun

          Ivan Bagus Pinuntun

          at

          coba diteliti lagi mas, banyak yang sudah berhasil kok 🙂

      • Baskoro Jogja

        at

        mas getlokasi mannggilnya dimna soalnya marker tidak tampil?
        mohon bantuannya
        terimakasih

        • Ivan Bagus Pinuntun

          Ivan Bagus Pinuntun

          at

          di dalam onCreate di MapsActivity.class

          • Ary

            at

            masalah saya sama mas, sudah di panggil fungsi getLokasi() di onCreate MapsActivity.class tetap tidak muncul gambar markernya.

          • Ivan Bagus Pinuntun

            Ivan Bagus Pinuntun

            at

            API nya buat sendiri kan mas?

  2. ramdan

    at

    Kalo method nya POST gimana ya??

  3. Agus

    at

    Mas Punten itu getLokasi() manggilnya bagaimana ?

  4. randy

    at

    mas saya mau tanya, ketika marker diklik akan muncul menu rute dan maps dibawah. untuk menghilangkan menu tersebut bagaimana ya mas? terimakasiih…

  5. agus

    at

    mas untuk databasenya emang harus online ya? soalnya saya conba localhost ,gak mau dia nampil markernya ,trimakasi .

  6. buye

    at

    misi mas, kenapa yang saya buat gagal di koneksi nya mulu,,, pdahal source coding ny sama.. koneksi database nya dah bener, internet dah on, GPS dah on, manifest udah beres. apa yg salah?

  7. ronny anggriawan

    at

    mas klo mau ambil longitude dan latitudenya dan di masukan ke database dari android studio ada g tutornya mas? mohon pencerahannya ya mas hehehe

  8. bang API Studio Musiknya ngak bisa dibuka bang

  9. API Studio Musiknya ngak bisa dibuka bang

Leave a Reply

Your email address will not be published. Required fields are marked *

Trending

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk menyelesaikan masalahnya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Copyright © 2017 Inwepo. Server by GoCloud

To Top