MOBILE APLICATION

GOOGLE MAP for ANDROID

OLEH:
PUTU AGUS DARMA SANTOSA
NIM : 1215051090

JURUSAN PENDIDIKAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN KEJURUAN
UNIVERSITAS PENDIDIKAN GANESHA
SINGARAJA
2014

1. Generate SHA-1 Fingerprint

Tekan tombol windows + r , kemudian ketik cmd untuk masuk ke dalam command prompt

Kemudian masuk ke dalam Program Files\Java untuk membuka folder dari jdk

Kemudian masuk ke direktori bin, yang terdapat di dalam direktori jdk

Setelah itu ketik syntak seperti dibawah ini untuk mengetahui SHA1 komputer masingmasing
keytool.exe -list -alias androiddebugkey -keystore "C:\Users\jhon\.android\debug.keystore"
-storepass android -keypass android

Setelah mengetahui SHA1 maka untuk mempermudah ada baiknya kita simpan pada drive E,
syntak yang digunakan adalah sebagai berikut
keytool.exe -list -alias androiddebugkey -keystore "C:\Users\jhon\.android\debug.keystore"
-storepass android -keypass android > E:\SHA1.txt

2. Membuat Project Baru

Buat project baru dengan nama Mapping,dengan nama package com.google.mapping

3. Mendapatkan google maps APIs

Buka link dibawah ini untuk mendapatkan APIs : https://console.developers.google.com

Klik create project

Beri nama sesuai keinginan anda

Pada pojok kiri atas pilih APIs & auth, kemudian pilih APIs

Setelah itu pada Google Maps APIs, pilih Google Maps Android APIs, tekan enable APIs

Setelah itu klik bagian bawah dari APIs, yaitu Credentials

Lalu pilih Create new key, kemudian pilih android key

Lalu pada kolom key, copy SHA1 diikuti dengan (;) dan nama package yang kalian gunakan

Klik create jika sudah benar, jika benar maka akan mendapatkan APIs key

4. Install Google Play Services

Tutorial install google play services ini berlaku untuk yang belum pernah install. Buka SDK
Manager, Expand folder extras, kemudian centang pada bagian Google Play Services.
Install package

5. Menambahkan Library Google Play Services

Klik Project Structure, kemudian pilih app > Dependencies

Kemudian klik tombol (+) pada pojok kanan atas, kemudian pilih library dependency

Pilih play service(com.google.android.gms xxxxxx)

Kemudian klik OK, Apply dan OK jika sudah pasti

6. Coding
Setelah anda membuat project baru diatas, sekarang pada coding manifest.xml
<meta-data android:name="com.google.android.maps.v2.API_KEY"
android:value="KEY" />

ganti KEY dengan Google Maps APIs

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

Tambahkan beberapa tag berikut pada manifest.xml

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"
/>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission
android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"
/>
<uses-permission
android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission
android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-feature
android:glEsVersion="0x00020000"
android:required="true" />

berikut adalah syntak lengkap pada manifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.pikachu.googlemap" >
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"
/>
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission
android:name="com.google.android.providers.gsf.permission.READ_GSERVICES"
/>
<uses-permission
android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission
android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-feature
android:glEsVersion="0x00020000"
android:required="true" />
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<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>
<meta-data
android:name="com.google.android.maps.v2.API_KEY"
android:value=" AIzaSyCy94nwDjIiuDX1Hu709GLacy3xXbgYGtw" />

</application>
</manifest>

Membuat layout
Buka layout anda, kemudian salin dan tempel kode berikut
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<fragment
android:id="@+id/map"
class="com.google.android.gms.maps.SupportMapFragment"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>

Berikut adalah syntak lengkap untuk main_activity.java

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.widget.Toast;
import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;
public class MainActivity extends FragmentActivity {

GoogleMap googleMap;
//Inisialisasi latitude dan longitude untuk marker dan camera
double latitude=-8.409518, longitude=115.188916;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initMap();
}
private void initMap() {
if (googleMap == null) {
googleMap = ((SupportMapFragment) getSupportFragmentManager()
.findFragmentById(R.id.map)).getMap();
// Selalu check
if (googleMap == null) {
Toast.makeText(getApplicationContext(),
"Ups! sepertinya ada masalah.", Toast.LENGTH_SHORT)
.show();
}else {
//Jika map berhasil diload, pindahkan camera ke latitue dan longitude yang
ditentukan
CameraPosition cameraPosition = new CameraPosition.Builder().target(
new LatLng(latitude, longitude)).zoom(9).build();
googleMap.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPo
sition));
//Enable posisi sekarang
googleMap.setMyLocationEnabled(true);
//Tambahan untuk tombol dimana device berada
googleMap.getUiSettings().setMyLocationButtonEnabled(true);
//Menambahkan sebuah marker
MarkerOptions marker1 = new MarkerOptions()
.position(new LatLng(latitude, longitude))
.title("Marker dengan GoogleMap");
googleMap.addMarker(marker1);
}
}
}
@Override
public void onResume(){
super.onResume();
try {
// Loading map
initMap();
} catch (Exception e) {
e.printStackTrace();
}
}
}

Silahkan coba di run, jika benar maka akan tampil seperti dibawah ini