Modul,Android,Tutorial

1. Praktikum ANDROID
ANDROID
FOR
BEGINNER MODUL 16
!
[ANDROID GOOGLE MAPS]
!!!!!
SUDARYATNO
yatnosudar@gmail.com | @dodulz | facebook : yatno.sudar
Page 1 of 10

2. Praktikum ANDROID
ANDROID GOOGLE MAPS
!!
Google Maps Android
Google Maps adalah layanan yang disediakan oleh google untuk menampilkan peta dunia dan
positioning system. Android sudah support untuk Google Maps, untuk android 4 keatas sudah
support Google Maps V2 yang mampu menampilkan maps dalam bentuk 3D pada.. Android
menyediakan library com.google.gms.maps.MapFragment dan class MapView yang digunakan
untuk menampilkan peta di android. Anda perlu menambahkan permission dan meta-data di
AndroidManifest.xml. Berikut contoh dari AndroidManifest.xml
Page 2 of 10
?xml version=1.0 encoding=utf-8?
manifest xmlns:android=http://schemas.android.com/apk/res/android
package=com.example.maps
android:versionCode=1
android:versionName=1.0
uses-sdk
android:minSdkVersion=10
android:targetSdkVersion=18 /
permission
android:name=com.example.maps.maps.permission.MAPS_RECEIVE
android:protectionLevel=signature /
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 /
!-- Required to show current location --
uses-permission android:name=android.permission.ACCESS_COARSE_LOCATION /
uses-permission android:name=android.permission.ACCESS_FINE_LOCATION /
!-- Required OpenGL ES 2.0. for Maps V2 --
uses-feature
android:glEsVersion=0x00020000
android:required=true /
application
android:allowBackup=true
android:icon=@drawable/ic_launcher
android:label=@string/app_name
android:theme=@style/AppTheme
activity
android:name=com.example.maps.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=AIzaSyAhpiZEkCqc4QJ1SZcCe5rpG8Hb1oA6jks /
/application
/manifest

3. Praktikum ANDROID
Selain AndroidManifest.xml kita juga harus melakukan import library dari library google service.
Library ini digunakan, agar dapat mengakses library Maps yang sudah di sediakan oleh Google.
Dan juga untuk mengakses API Key dari Maps yang disediakan oleh Google. Berikut ini beberapa
step untuk memasukan library Google Service ke project Android dan cara mengakses API KEY.
!
1. Download Google Play Service
Buka Eclipse - Windows - Android SDK Manager. Perhatikan pada bagian Extra -
Google Play Services centang dan tekan Install
!
2. Import Google Service ke Eclipse
Jika sudah terinstall, selanjutnnya import library Google Play Service ke eclipse yang kita
buat. Berikut ini langkah langkahnya :
a. Buka File - Import - Android - Existing Android Code Into Workspace
b. Klik browse dan pilih Google Play Service di difolder :
c. android-sdk-windowsextrasgooglegoogle_play_serviceslibprojectgoogle-play-
services_lib
d. centang pada Copy projects into workspace
e. Finish
!
Page 3 of 10

4. Praktikum ANDROID
3. Mendapatkan Maps API KEY
Maps API KEY diperlukan untuk mengakses API Google Maps yang sudah disediakan di
google console. Berikut ini cara mendapatkan Maps API KEY.
a. Buka commad promt (Windows+R = cmd) di windows dan pastikan Anda pada
home user. Contoh C:Usersnama-user
b. Jalankan perintah berikut : keytool -list -v -keystore .androiddebug.keystore
-alias androiddebugkey -storepass username -keypass password
c. Copy data dari SHA1 contoh 8B:8E:4F:47:BF:DF:29:1C:E6:9B:B4:0F:5B:
08:80:60:C2:22:F2:CF
4. Buka Google Api Console : https://code.google.com/apis/console/
5. Buka bagian Services = pada bagian kanan pilih Google Maps Android API v2 pastikan posisi
ON
Page 4 of 10

5. Praktikum ANDROID
6. Kemudian pilih API Access dan pada bagian kanan pilih Create new Android API Key
7. Pada Configurare Android Key, Masukan SHA1 yang sudah di generate sebelumnnya dan
tambahkan ;com.nama.package sesuai dengan package project yang anda buat. Sebagai
contoh : 8B:8E:4F:47:BF:DF:29:1C:E6:9B:B4:0F:5B:08:80:60:C2:22:F2:CF;com.example.maps
!
Page 5 of 10

6. Praktikum ANDROID
8. Klik Create
9. Copy API Key yang sudah di generate
!
Page 6 of 10

7. Praktikum ANDROID
PRAKTIKUM
! Tujuan : Dapat menggunakan Maps API Key, Dapat membuat peta, Dapat menggunakan
Marker, Dapat menggunakan tipe-tipe maps
1. Buat project baru
2. Klik kanan project dan pilih Properties
3. Pilih menu Android, tekan Add pada library kemudian pilih google-play-service
!!!!!!!!
4. Edit activity_main.xml menjadi seperti berikut :
!
Page 7 of 10
?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
fragment
android:id=@+id/map
android:name=com.google.android.gms.maps.MapFragment
android:layout_width=match_parent
android:layout_height=match_parent/
/RelativeLayout

8. Praktikum ANDROID
5. Edit AndroidManifest.xml menjadi seperti berikut
!
Page 8 of 10
?xml version=1.0 encoding=utf-8?
manifest xmlns:android=http://schemas.android.com/apk/res/android
package=com.example.maps
android:versionCode=1
android:versionName=1.0
uses-sdk
android:minSdkVersion=10
android:targetSdkVersion=18 /
permission
android:name=com.example.maps.maps.permission.MAPS_RECEIVE
android:protectionLevel=signature /
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 /
!-- Required to show current location --
uses-permission
android:name=android.permission.ACCESS_COARSE_LOCATION /
uses-permission
android:name=android.permission.ACCESS_FINE_LOCATION /
!-- Required OpenGL ES 2.0. for Maps V2 --
uses-feature
android:glEsVersion=0x00020000
android:required=true /
application
android:allowBackup=true
android:icon=@drawable/ic_launcher
android:label=@string/app_name
android:theme=@style/AppTheme
activity
android:name=com.example.maps.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=AIzaSyAhpiZEkCqc4QJ1SZcCe5rpG8Hb1oA6jks /
/application
/manifest

9. Praktikum ANDROID
6. Edit MainActivity seperti berikut :
7. Jalankan project
8. Marker : digunakan untuk menandai posisi suatu tempat berada
9. Ubah method initializeMap() menjadi seperti berikut ini
Page 9 of 10
public class MainActivity extends Activity {
private GoogleMap googleMap;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
try {
initilizeMap();
} catch (Exception e) {
e.printStackTrace();
}
}
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void initilizeMap() {
if (googleMap == null) {
googleMap = ((MapFragment)
getFragmentManager().findFragmentById(
R.id.map)).getMap();
if (googleMap == null) {
Toast.makeText(getApplicationContext(),
Sorry! unable to create maps,Toast.LENGTH_SHORT).show();
}
}
}
@Override
protected void onResume() {
super.onResume();
initilizeMap();
}
}

10. Praktikum ANDROID
10. Posisi default saat membuka peta pertama kali adalah di benua afrika. Tambahkan code
berikut setelah code googleMap.addMarker(marker)
11. Untuk merubah tipe Maps tambahkan code berikut :
Silahkan coba dengan parameter yang berbeda :
!
Page 10 of 10
private void initilizeMap() {
if (googleMap == null) {
googleMap = ((SupportMapFragment)
getSupportFragmentManager()
.findFragmentById(R.id.map)).getMap();
if (googleMap == null) {
Toast.makeText(getApplicationContext(),
Sorry! unable to create maps,
Toast.LENGTH_SHORT)
.show();
}
}
//menambahkan marker
double latitude = -1.269767;
double longitude = 116.836171;
MarkerOptions marker = new MarkerOptions().position(new LatLng(latitude,
longitude)).title(Balikpapan); !
marker.icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GR
EEN));
googleMap.addMarker(marker);
CameraPosition cameraPosition = new CameraPosition.Builder()
.target(new LatLng(latitude,longitude))
.zoom(12).build();
googleMap.animateCamera(CameraUpdateFactory
.newCameraPosition(cameraPosition));
googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN);
googleMap.setMapType(GoogleMap.MAP_TYPE_NONE);