Membuat Aplikasi Google Map Kita Sendiri di Android


Sebenarnya tutorial ini sudah ada di situs android sendiri, namun saya ingin menerjemahkan untuk yang kurang mengerti akan hal ini. Jika kita sudah mendownload eclipse dan android sdk, kita bisa memulai untuk mencoba membuat aplikasi ini🙂

Pertama, buka Eclipse kita.

Eclipse Galileo

Eclipse Galileo

Selanjutnya kita buat sebuah Project baru dengan menekan menu File->New->Android Project.

Android Project

Android Project

Setelah itu kita masukkan nama project : GoogleMapKu, Di sini saya menyimpan pada D:/Project. Centang Google Api v7, karena saya di sini menggunakan Eclair, karena tidak memiliki sdk yang lebih baru.😛 Sesuaikan dengan gambar di bawah ini.

New Android Project

New Android Project

Maka tampilan di package explorer akan jadi seperti ini.

Package Explorer

Package Explorer

Jika kita buka folder-folder yang ada di dalam project tersebut, maka kita dapat menemukan banyak fungsi, diantaranya :

  • src, digunakan untuk source code aplikasi kita.
  • gen, merupakan folder berisi class yang di-generate langsung oleh eclipse, tidak perlu kita sentuh. R.java merupakan sebuah pointer untuk resource gambar atau file lain pada project eclipse.
  • assets, folder yang satu ini saya tidak pernah menggunakan, mungkin ada yang pernah menggunakannya ? X)
  • res, merupakan folder sumber segala sesuatu yang berhubungan dengan file yang ditampilkan pada interface aplikasi.
  • AndroidManifest.xml, digunakan sebagai deklarasi aplikasi kita, berisi permission untuk mengakses seperti sms, internet, gps, dan lainnya.
Tree View

Tree View

Sekarang kita tes aplikasi kita, namun sebelum itu kita perlu membuat emulatornya terlebih dahulu. Tekan menu Window -> Andoroid SDK and AVD Manager, maka akan muncul dialog seperti berikut :

Android SDK and ADV Manager

Android SDK and ADV Manager

Jika kita belum membuat sebuah emulator, maka kita buat terlebih dahulu dengan mengklik tombok new. Isikan seperti gambar di bawah ini. Lalu tekan Create AVD.

Emulator

Emulator

Setelah itu lakukan start emulator. Pastikan centang launch from snapshot, hal ini agar ketika kita meng-close emulator, saat kita nyalakan kembali, tidak perlu me-reboot dari awal lagi.

Launch Emulator

Launch Emulator

Proses ini agak menunggu lama, jika sudah sampai ke screen utama emulator, jalankan aplikasi kita dengan menekan tombol Run, kemudian pilih Android Application.

Run As

Run As

Jika berhasil, kita dapati hasil seperti berikut ini :

Hasil Emulator

Hasil Emulator

Nah, jika sampai di sini kita berhasil, maka kita berhasil.😀 Sekarang kita mulai melakukan coding terhadap google mapnya. Karena google map api membutuhkan key, terlebih dahulu kita generate key yang kita punyai. Di sini saya menggunakan Windows 7 dan username saya ifebfeb, jadi lokasi debug.keystore berada pada :

C:\Users\ifebfeb\.android\debug.keystore

buka terminal / cmd.exe, change directory dengan mengetikkan cd “Program Files\Java\jdk1.6.0_21\bin”, setelah itu ketikkan : keytool -list -alias androiddebugkey -keystore C:\Users\ifebfeb\.android\debug.keystore -storepass android -keypass android. Untuk lebih jelasnya lihat pada gambar :

Terminal

Terminal

Setelah kita generate key kita buka web di sini, maka kita copy-kan ke textbox yang ada. Jangan lupa untuk mencentang checkbox “I have read and agree with the terms and conditions

Oke, jika sudah kita dapatkan API key kita sendiri, sekarang saatnya menuju ke pemrograman. Buka file main.xml pada folder /res/layout. Isikan dengan xml berikut, jangan lupa menyertakan API key-nya. API key tidak boleh sama antara saya dengan Anda, jadi harus benar-benar meng-generate API key-nya.🙂

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mapview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:clickable="true"
    android:apiKey="0UoFJyNCg8Upozd2cspAO3ks-rd_ziS5azfpYbA"
/>

Jika sudah, sekarang kita buka MainActivity.java yang berada pada folder /src/com.iddev.googlemap, Ganti menjadi seperti ini :

package com.iddev.googlemap;

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

import android.os.Bundle;
import android.view.Window;

public class MainActivity extends MapActivity {
	public MapView mapView;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.main);

		mapView = (MapView) findViewById(R.id.mapview);
		mapView.setBuiltInZoomControls(true);

		// set posisi tengah dari map
		MapController mapController = mapView.getController();
		mapController.setCenter(new GeoPoint(-7298115, 112739451));
		mapController.setZoom(12);
    }

    @Override
    protected boolean isRouteDisplayed() {
        return false;
    }
}

Kemudian ubah file AndroidManifest.xml menjadi seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.iddev.googlemap"
      android:versionCode="1"
      android:versionName="1.0">
	

    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name"
                  android:theme="@android:style/Theme.NoTitleBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <uses-library android:name="com.google.android.maps" />
    </application>
    <uses-permission android:name="android.permission.INTERNET" />
</manifest>

Sekarang Jalankan aplikasi, dan.. Voila!! Aplikasi Google Map buatan kita sudah jadi. Nantikan Part Selanjutnya😉

Hasil Akhir

Hasil Akhir

Referensi Asli : http://developer.android.com/resources/tutorials/views/hello-mapview.html

39 thoughts on “Membuat Aplikasi Google Map Kita Sendiri di Android

  1. Ping balik: Menambahkan Marker pada Google Map di Android | ID – Dev

  2. Ping balik: Menambahkan Dialog pada Marker | ID – Dev

  3. kok saat saya running, muncul pesan error proses ya?

    “The application GoogleMapKu (proses googlemap.src) has stopped unexpectedly. Please Try Again”

    saya coba lagi,tetep kayak gitu pesannya. kira2 apa ya masalahnya? dan bagaimana solusinya? terima kasih..

    saya pakai Google Api’s versi 10, karena yang ada di pilihannya 10 dan 13. jadi saya pakai itu, dan saya sudah sesuaikan setting min compatible dengan yang versi 10.

      • uda saya coba mas…….
        sy tunjukkan (letak Error)
        import com.google.android.maps.GeoPoint;(Letak error)
        import com.google.android.maps.MapActivity;(Letak error)
        import com.google.android.maps.MapController;(Letak error)
        import com.google.android.maps.MapView;(Letak error)
        import android.app.Activity;
        import android.os.Bundle;

        public class MainActivity extends Activity {
        public MapView mapView;(Letak error)
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mapView = (MapView) findViewById(R.id.mapview);(letak error)
        mapView.setBuiltInZoomControls(true);(Letak error)

        // set posisi tengah dari map
        MapController mapController = mapView.getController();
        mapController.setCenter(new GeoPoint(-7298115, 112739451));(Letak error)
        mapController.setZoom(12);(Letak error)
        }

        @Override
        protected boolean isRouteDisplayed() { (Letak error)
        return false;
        }
        }
        coding diatas adalah faktor error. mohon bantuannya gan……….:(

  4. bisa ga hilangin label jalan? kayak hilangin label di google map versi web.. biar tampilanna bener2 satelit tanpa ada embel2 label pemberi jalan, soalnya suka melenceng dari gambar satelitnya, pengen dihilangin..

    da yg tau caranya kl bisa?

  5. boleh tanya di luar ini?
    kalo boleh saya mau tanya, saya kan coba buat aplikasi ketika di running tampilan awal berhasil tampil tapi saat di klik tombol button yg ada di tampilan awal (biar masuk ke bagian activity lain – intent) tapi kenapa muncul pesan error proses ya? padahal programnya ngga ada yang error.

    makasih

  6. saya mencoba menginstall aplikasi saya di samsung galaxy mini, tapi peta google nya tidak tampil..
    sementara saat di emulator petanya muncul dengan baik.

    kira-kira masalahnya apa ya kok bisa seperti itu?

      • uda gan, saya uda generate api key sendiri..
        tapi tetap az gk muncul.
        uda dicoba di galaxy mini, sama di arc gan..

      • udah gan, saya uda generate api key saya sendiri

        apt nya uda saya coba install di galaxy mini n xperia arc.
        masalahnya sama, peta nya gak muncul yang muncul hanya tulisan google n grid2.

  7. saya sudah coba membuat aplikasi ini… tapi kenapa di emulator tidak tampil petanya dan di samsung galaxy punya saya juga demikian… yang saya lebih heran lagi… kenapa nilai md5 hashnya lebih dari 16 pasang karakter… saya ada 20 pasang karakter… gimana cara menanggulainginya y mas?? mohon bantuannya

  8. Assalamualaikum wr wb.

    mas mau tanya tentang google map API key.

    kenapa waktu saya install di cmd kok selalu gak bisa ya?

    selalu ‘keytool error: java.lang.exception keystore file does not exist: c:\android\debug.keystore’

    saya pakai eclipse Indigo jdk 1.7.0_02

    terima kasih bantuannya..

  9. gan,saya coba coding dr agan di atas ada error tulisannya error generating final archive: java.io.IOException: keystore was tampered with,or password was incorrect
    salahnya apa ya gan?? mohon bantuan

  10. buat semua temen2, minta bantuannye dong.
    ane bikin aplikasi yg make google map api. cuma masalahnye kenape pas diimplementasiin di hp, mapnye ga keluar ye?

    kemungkinan dari google map api ini cuma bekerja di emulator aje. mohon bantuannye

  11. permisi, mau tanya ni mas

    misalkan kita buat peta ni tentang objek wisata. ketika kita klik tempat wisatanya,disitu dia akan muncul informasi tentang semua prasarana yang ada di wisata itu. NAH ITU BAGAI MANA MAS CARA BUAT NYA ?? tolong dong mas
    balas ke emai saya ya mas(dodisan@yahoo.co.id)

  12. mau nanya, saya sudah mencoba membuat aplikasi google map api di web. bisa ngga menampilkan itu di android langsung import? kalau diatas kan dari instal android baru buat mapnya di androidnya. bantuin dong😦

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s