Sabtu, 12 Januari 2013

Membuat Aplikasi Peta Android Menampilkan Google Map

Bagi penulis selalu menyenangkan membuat sebuah aplikasi yang dapat menampilkan peta, baik desktop, web maupun mobile. Kali ini coba kita buat aplikasi Android yang dapat menampilkan Peta Google Map.

Sebenarnya membuat Aplikasi Google Map di Android agak panjang langkahnya. Pertama kita generate dahulu Android Key dari project yang kita buat. Buka Start-Run, ketik cmd, sehingga muncul DOS Prompt. Lakukan dengan perintah berikut :

<path java jdk>\bin\keytool.exe -list -alias androiddebugkey -keystore <path user>\.android\debug.keystore -storepass android -keypass android


Kemudian buka URL berikut , masukkan Key MD5 yang telah didapatkan, daftarkan ke Google dan kita akan mendapatkan Key Hash yang siap dimasukkan ke Aplikasi kita :




Selanjutnya buat project baru, ingat harus dipilih Build Target Google APIs :


Kemudian pada program utama MainActivity.java kita tuliskan program berikut :

MainActivity.java :

package com.amijaya.androidgooglemap;

import com.google.android.maps.GeoPoint;
import com.google.android.maps.MapActivity;
import com.google.android.maps.MapView;

import android.app.Activity;
import android.os.Bundle;

//http://cariprogram.blogspot.com
//nuramijaya@gmail.com
public class MainActivity extends MapActivity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        MapView mapView = (MapView)findViewById(R.id.mapView);
        double lat = -7.782939;
        double lng = 110.36705000000006;
        GeoPoint point = new GeoPoint((int) (lat *1E6),(int) (lng * 1E6));
        mapView.getController().animateTo(point);
        mapView.getController().setZoom(15);
    }

@Override
protected boolean isRouteDisplayed() {
// TODO Auto-generated method stub
return false;
}
}

Lokasi koordinat Latitude dan Longitude bisa didapatkan dari aplikasi Google Earth atau dari Web Maps Google atau dari Web seperti MapJogja.com yang akan ditampilkan
Selanjutnya pada layout tampilan ganti isinya menjadi seperti ini, jangan lupa untuk mereplace API KEY dengan yang anda dapatkan dari hasil generate di atas :

main.xml :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <com.google.android.maps.MapView
        android:id="@+id/mapView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:enabled="true"
        android:clickable="true"
        android:apiKey="0q1sXzzC7654y48XA8FH0vQPfmodfrpb0tB-EpA"
        />

</RelativeLayout>

Untuk AndroidManifest.xml harus ditambahkan library google maps api dan permission INTERNET seperti di bawah ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.amijaya.androidgooglemap"
      android:versionCode="1"
      android:versionName="1.0">
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <uses-library android:name="com.google.android.maps" />
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
    <uses-sdk android:minSdkVersion="8" />
    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
</manifest> 

Hasilnya :



Program selengkapnya dapat didownload di :

https://docs.google.com/open?id=0B4i1FYc_4RXzazJUcFJEaVZ4RlU

Selamat coding, semoga berhasil.