Hi all, kita semua pastinya sudah sering menggunakan Google Maps Android API v2 untuk menampilkan peta di dalam aplikasi kita. Saya juga telah membuat banyak tutorial tentang Android Maps API tersebut yang bisa kalian lihat pada link berikut. Kali ini saya akan berbagi tentang cara untuk menambahkan fitur auto-tilt pada Google Maps Android API v2. Hal ini lumayan tricky, karena saya sendiri lumayan susah waktu mencari cara pembuatannya di dokumentasi Google Maps Android API v2.

Bagi yang belum tahu apa itu tilt? Tilt adalah sudut pandang yang dipakai user untuk melihat peta. Default nya Android Maps mempunyai sudurt pandang sebesar 0 derajat, yang artinya peta langsung dilihat tegak lurus dari atas. Dengan melakukan manipulasi pada sudut pandang, kita bisa men-tilt peta supaya terlihat tidak langsung dari atas, misalnya mengubah sudut pandang menjadi 45 derajat akan membuat peta terlihat agak dari samping, sehingga memberikan efek 3 dimensi.

Pre-requisites :

Disarankan kalian membaca tutorial-tutorial berikut terlebih dahulu sebelum meneruskan tutorial ini 🙂

Google Android Maps API v2 Tilt View

Untuk membuat fitur auto-tilt, kita bisa mengkonfigurasinya pada class yang bernama CameraPosition, biasa nya kelas ini sering dipakai untuk menentukan zoom level dan target location ketika pertama kali Maps dibuka. Namun kelas ini ternyata juga bisa digunakan untuk mengeset tilt (sudut pandang) dan bearing (orientasi) peta.

Kodenya adalah sebagai berikut :

CameraPosition cameraPosition = new CameraPosition.Builder()
	    .target(new LatLng(latitude, longitude))
	    .zoom(17)
	    .<strong>bearing</strong>(0)
	    .<strong>tilt</strong>(45)
	    .build();

Pada kode di atas, kita mengeset tilt sebesar 45 derajat, yang berarti peta akan dibuka dengan sudut pandang 45 degree dari atas. Kemudian untuk orientasi peta kita set 0 derajat pada field bearing. Yang berarti peta akan diputar/dirotasikan sebesar 0 derajat, yang artinya peta akan tetap menghadap utara. 🙂 Tidak ada perubahan apa-apa.

Untuk menjalankannya, kita hanya perlu menambahkan baris kode ini di bagian onCreate() pada Activity Android kalian :

map.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));

Kode di atas berarti peta akan melakukan animasi terhadap CameraPosition yang telah diberikan.

Ketika didemokan, default peta yang terbuka sebagai berikut :

MapsV2 defaultMapsV2 default

Akan berubah menjadi seperti ini :

 

Google Maps Android API v2 with tilt viewGoogle Maps Android API v2 with tilt view

Bisa dilihat perbedaannya dengan yang sebelumnya, yaitu sudut pandang jadi lebih ke samping 45 derajat, dan muncul icon compass pada pojok kiri atas. Demikian semoga berguna 🙂 Jika ada yang belum dimengerti bisa ditanyakan pada komentar atau di Guild kami.



Download aplikasi kami di Google Play Store