Selasa, 20 Mei 2014

MENAMPILKAN PETA DIDALAM ANDROID DENGAN API V2

Menampilkan Peta

Pada postingan sebelumnya pernah dijelaskan bagaimana cara membuat peta menggunakan Google Maps Javascript API v3. Sekarang kita akan membuat aplikasi android menggunakan Google Maps Android API V2. Untuk instalasi dari API nya sendiri dibutuhkan beberapa langkah yang menurut saya cukup merepotkan, langsung saja sebelum kita melakukan coding kita lakukan dulu instalasi API nya. .

Google maps Android API ini sendiri merupakan bagian dari Google Play Service, jadi untuk menginstallnya pertama kita harus melakukan download Google Play Service menggunakan Android SDK Manager.
android SDK manager
Setelah itu kita import Google Play Service yang sudah kita download ke dalam Eclipse kita. 
File->Import->Existing Android Code Into WorkSpace

Browse Folder Google Play Service yang sudah kita download, lokasinya berada di

android-sdk-windows\extras\google\google_play_services\libproject\google-play-services_lib
add project eclipse
Jangan lupa check bagian copy Project Into Workspace.

Step Berikutnya adalah melakukan Generate Google Maps API key.

Pertama untuk mendapatkan API key kita perlu melakukan generate SHA-1 fingerprint menggunakan java keytool.

Cara menggunakan java keytool kita harus membuka nya melalui command prompt(cmd), change directory cmd menjadi
path C:\Program Files\Java\jdk1.7.0\bin> (Bisa berubah, tergantung dimana anda menginstall java)
masukkan perintah berikut pada cmd anda:

keytool -list -v -keystore "%USERPROFILE%\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android
Dan hasilnya adalah sebagai berikut
SHA1 googlemaps
Pada output diatas terdapat SHA 1 fingerprint diantara MD5 dan SHA256, jangan close dulu output ini, sekarang kita buka Google API Console.
Service->Cari Google Maps Android V2, aktifkan
Setelah itu pilih API Access, lalu pilih Create new Android key , lalu akan muncul tampilan berikut
configure android key
Masukkan SHA 1 fingerprint anda, diikuti dengan nama package Android Application anda, dan anda akan mendapatkan API key anda
api access google maps

Lets Start Code. . :)

eitss, sebelum coding tentunya kita buat dulu Android Application Project dengan package name sesuai dengan yang di register tadi.(package name yang saya pakai adalah com.dea.mymaps)
Setelah project selesai dibuat, mari kita masukkan library Google Play Service pada project kita.
Klik Kanan project anda->Properties->Android->Add
add project android
Setelah itu buka AndroidManifest.xml lalu tambahkan kode xml berikut di dalam tag application, kode di bawah ini berfungsi untuk mendaftarkan google play service dan google maps sekaligus API key nya di dalam aplikasi kita

1<meta-data
2           android:name="com.google.android.gms.version"
3           android:value="@integer/google_play_services_version" />
4       <meta-data
5           android:name="com.google.android.maps.v2.API_KEY"
6           android:value="Masukkan API KEY ANDA DI SINI" />
Setelah itu kita juga mendaftarkan permission pada AndroidManifest.xml, kita tambahkan kode berikut
01<uses-permission android:name="android.permission.INTERNET" />
02    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
03    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
04    <uses-permissionandroid:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
05    <!--
06         The following two permissions are not required to use
07      Google Maps Android API v2, but are recommended
08      nanti dipakai untuk deteksi lokasi
09    -->
10    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
11    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

Permission diatas nantinya digunakan antara lain untuk mengakses internet, lokasi, dll
Sekarang kita masukkan kode berikut pada MainActivity.java
01package com.dea.mymaps;
02
03import android.os.Bundle;
04import android.support.v4.app.FragmentActivity;
05import android.util.Log;
06
07import com.google.android.gms.maps.GoogleMap;
08import com.google.android.gms.maps.SupportMapFragment;
09
10public class MainActivity extends FragmentActivity {
11private GoogleMap mMap;
12 @Override
13 protected void onCreate(Bundle savedInstanceState) {
14  super.onCreate(savedInstanceState);
15  setContentView(R.layout.activity_main);
16        try {
17            // Loading map
18            initializeMap();
19  
20        catch (Exception e) {
21            e.printStackTrace();
22        }       
23 }
24 private void initializeMap()
25 {
26   if (mMap == null) {
27             //Try to obtain the map from the SupportMapFragment.
28             mMap = ((SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map))
29                     .getMap();
30             //Check if we were successful in obtaining the map.
31             //Sesuatu jika map berhasil ditampilkan
32             if (mMap != null) {
33              Log.e("Sukses","sukses");
34              }
35             }
36 }
37 @Override
38    protected void onResume() {
39        super.onResume();
40        initializeMap();
41    }
42
43}
Sekarang silahkan coba run aplikasi peta anda, jika terjadi kesalahan masih ada cara lain lagi untuk menampilkan peta :) silakan kunjungi https://developers.google.com/maps/documentation/android/start
Inilah tampilan peta yang saya buat.
    
Hello world google maps android
Sekian tutorial kali ini. .

0 komentar:

Posting Komentar

IKLAN

Popular Posts

Diberdayakan oleh Blogger.