Friday, July 21, 2017

Custom Google Maps Android Ala Pokemon Go

Bismillah

Google maps adalah sebuah peta digital yang sangat berguna di era milenial saat ini, hampir semua orang ketika bepergian jauh saat ini selalu mengandalan Google Maps.

Pada pertengahan tahun 2016 dunia dihebohkan dengan kemunculan game Pokemon Go, dengan tekhnologi AR dan Maps , Pokemon Go menjelma menjadi sebuah game yang sangat populer kala itu.

Pada kesempatan kali ini saya akan membuat tutorial aplikasi maps ala Pokemon Go.
saya di sini sendiri menggunakan Android Studio. kita hannya bikin tampilan mapsnya saja ya ..:D
bukan gamenya.

MEMPERSIAPKAN PROJECT DEVELOPMEN
Ikuti langkah-langkah berikut untuk membuat aplikasinya


  • Buka project baru.
  • Pada saat pemilihan activity, pastikan anda memilih Maps Activity *
  • Kemudian next hingga finish
*kenapa maps activity ? karena jika kita memilih empty activity maka kita menambahkan manual untuk dependency maps. istilahnya kalau ada cara mudah kenapa harus dipersulit.

MENDAPATKAN KUNCI API

Ini adalah proses terpenting dalam pebuatan app ini, karena jika kita tidak mendapatkan key, maka maps tidak akan tampil di aplikasi.
Untuk detail selengkapnya, lihat panduan lengkap untuk mendapatkan kunci API.


PEMBUATAN UI / UX


  • Cari gambar dengan latar belakang awan, kemudian pastekan di drawable beri nama sky.

  • Selanjutnya kita  buat 2 buah xml file di folder drawable gradienmap dan gradiensky.
Funsgi dari kedua file tersebut adalah  untuk memberi efek gradien pada gambar dan maps.

  • Pada gradienmap ubah kode menjadi  seperti ini
<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">
    <gradient        android:angle="270"        android:startColor="#ffffff"        android:endColor="#00ffffff" />
</shape>

  •  Pada gradiensky ubah menjadi sepertinini 
<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">
    <gradient        android:angle="90"        android:startColor="#ffffff"        android:endColor="#00ffffff" />
</shape>

  • Pada activity_maps.xml ubah menjadi seperti kode dibawah ini.

DEVELOPMEN JAVA
Jika sudah membuat layoutnya selanjutanya adalah membuat di java.


Jika sudha hasilnya akan seperti dibawah ini.

Gambar Hasil
Terima Kasih..

Terima kasih telah membaca artikel '' Semoga bermanfaat.

Bagikan Artikel ini di media sosial kamu:
Previous Post
Next Post

post written by:

0 komentar:

Berkomentarlah dengan baik dan bijak..