Tutorial Membuat Peta dengan Google Maps Android

Pada tutorial kali ini, kita akan belajar cara membuat aplikasi android peta sederhana dengan integrasi ke Google map. Bisa ni dijadikan referensi tugas atau skripsi yang berhubungan dengan sistem informasi geografis, mudah-mudahan bisa. Tool yang digunakan adalah eclipse siapkan juga koneksi internet dan handphone android sebagai perangkat untuk implementasi. Pastikan eclipse anda sudah terinstall Google APIs 17 pada versi Android 4.2.2 (API 17) dan Google Play Services. Jika belum, anda dapat meng-update pada Android SDK Manager.

Selanjutnya buat project baru seperti gambar berikut :



Buat layout maps.xml pastekan kode dibawah ini.
maps.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"     android:layout_height="fill_parent" >       <fragment         android:id="@+id/map"         android:name="com.google.android.gms.maps.MapFragment"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_alignParentBottom="true"         android:layout_alignParentTop="true"         android:layout_centerHorizontal="true" />   </RelativeLayout>

Kemudian klik kanan pada project anda lalu pilih properties > android. Pilih library google-play-service seperti gambar berikut.
 

Buat file maps.java didalam package project anda, masukkan code berikut.
Maps.java

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

package com.maps;   import com.maps.R;   import com.google.android.gms.maps.CameraUpdateFactory; import com.google.android.gms.maps.GoogleMap; import com.google.android.gms.maps.MapFragment; import android.app.Activity; import android.os.Bundle; import android.widget.Toast;   public class Maps extends Activity {  GoogleMap gMaps;    @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_main);        initMap();    }    private void initMap() {   if (gMaps == null) {    gMaps = ((MapFragment) getFragmentManager().findFragmentById(      R.id.map)).getMap();    if (gMaps != null) {     gMaps.animateCamera(CameraUpdateFactory.zoomTo(18));     gMaps.getUiSettings().setCompassEnabled(true);     gMaps.getUiSettings().setZoomControlsEnabled(true);     gMaps.getUiSettings().setMyLocationButtonEnabled(true);     gMaps.setMyLocationEnabled(false);     gMaps.setTrafficEnabled(true);     gMaps.setBuildingsEnabled(true);      }   }    }   }

Selanjutnya androidmanifest.xml ganti code seperti dibawah ini.
Androidmanifest.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="com.maps"     android:versionCode="1"     android:versionName="1.0" >       <uses-sdk         android:minSdkVersion="11"         android:targetSdkVersion="21" />       <permission         android:name="com.maps.permission.MAPS_RECEIVE"         android:protectionLevel="signature" />       <uses-permission android:name="com.maps.permission.MAPS_RECEIVE" />     <uses-permission android:name="android.permission.INTERNET" />     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />     <uses-permission android:name="android.permission.ACCESS_MOCK_LOCATION" />     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />     <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />     <uses-permission android:name="android.permission.READ_LOGS" />       <uses-feature         android:glEsVersion="0x00020000"         android:required="true" />       <application         android:allowBackup="true"         android:icon="@drawable/ic_launcher"         android:theme="@style/AppTheme" >         <activity             android:name="com.maps.MainActivity"             android:label="@string/nameapp"             android:theme="@style/AppTheme" >             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                   <category android:name="android.intent.category.LAUNCHER" />             </intent-filter>         </activity>           <meta-data             android:name="com.google.android.maps.v2.API_KEY"             android:value="masukkan api key" />         <meta-data             android:name="com.google.android.gms.version"             android:value="@integer/google_play_services_version" />     </application>   </manifest>

Pada code berikut 

?

1 2 3

<meta-data             android:name="com.google.android.maps.v2.API_KEY"             android:value="masukkan api key" />

anda diminta untuk memasukkan API Key. Untuk mendapatkan API Key anda harus mengcopy terlebih dahulu kode SHA1 pada Window > preferences > android > build dan ikuti tutorial Cara Mendapatkan API KEY Google Maps V2.

Hasilnya sebagai berikut :

Demikian  Tutorial Membuat Map dengan Google Maps pada Android menggunakan Eclipse semoga bermanfaat buat anda semua.