Location Service Map Tujuan : Membuat aplikasi mobile yang dapat mengakses lokasi / peta 8. 1 Persiapan sebelum melakukan percobaan Ikutilah langkah berikut ini untuk melakukan persiapan percobaan location service map : 1. Download “Google APIs” dan “Google Play Services” dari SDK manager yang ada pada Android Studio. 2. Lakukan “Add environment variables” dengan cara : - Buka “Control Panel” dan pilih “System”
Gambar 1 Control Panel -
Kemudian pilih “Advanced system settings”
Gambar 2 System
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
-
Kemudian pilih “Environment variable”
Gambar 3 Antarmuka System Properties -
Lihat bagian “System Variable”, klik “Path”, kemudian pilih “Edit”
Gambar 4 Antarmuka Environment Variable -
Kemudian silahkan dicek apakah sudah terdapat atau belum, pada bagian : Path “C:\Program Files\Java\jdk1.7.0_40\bin;” apabila belum terdapat path tersebut, Anda dapat menambahkannya. Tetapi jika sudah ada, maka tidak perlu ditambahkan. Perlu diingat bahwa untuk versi jdknya disesuaikan dengan versi jdk yang ada pada komputer Anda.
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
Gambar 5 Antarmuka Edit Environment Variable -
Klik OK, maka selesai sudah cara untuk menambahkan jdk pada system variable.
3. Ikuti tutorial online resmi : https://developers.google.com/maps/documentation/android/ https://developers.google.com/maps/documentation/android/start#getting_the_google_maps_a ndroid_api_v2
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
8. 2 Location Service Map pada Android Studio 8.2.1 Membuat project baru pada Google Console 1. Buka link berikut ini pada browser Anda : - https://console.developers.google.com/ https://developers.google.com/maps/documentation/android/start#getting_the_google_maps_androi d_api_v2 2. Sign in dengan akun google Anda
Gambar 6 Antarmuka Google Console 3. Lakukan Create Project pada “My Project” yang ada pada toolbar
Gambar 7 Antarmuka Halaman Google Console setelah Sign In Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
Gambar 8 Antarmuka New Project 4. Mendapatkan API Key
Gambar 9 Antarmuka Google API Key pada Project yang Telah Dibuat
8.2.2 Membuat project baru pada Android Studio 1. Buat project baru pada Android studio Pilih File -> New -> New Project
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
Gambar 10 Deskripsi Nama Aplikasi, Company Domain, dan Package Location
Gambar 11 Spesifikasi Aplikasi Minimum SDK
Gambar 12 Google Maps Activity
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
Gambar 13 Nama Activity, Layut, dan Judul 2. Default isi dari MapsActivity.java File java berikut ini menunjukkan bahwa nantinya aplikasi akan menampilkan map dengan lokasi di Sydney Australia, jika Anda ingin merubah lokasinya maka dapat mengedit dan mengganti titik longitude dan latitudenya. package com.example.farah.maps; import android.support.v4.app.FragmentActivity; import android.os.Bundle; import import import import import import
com.google.android.gms.maps.CameraUpdateFactory; com.google.android.gms.maps.GoogleMap; com.google.android.gms.maps.OnMapReadyCallback; com.google.android.gms.maps.SupportMapFragment; com.google.android.gms.maps.model.LatLng; com.google.android.gms.maps.model.MarkerOptions;
public class MapsActivity extends FragmentActivity implements OnMapReadyCallback { private GoogleMap mMap; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_maps); // Obtain the SupportMapFragment and get notified when the map is ready to be used. SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.map); mapFragment.getMapAsync(this); }
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
/** * Manipulates the map once available. * This callback is triggered when the map is ready to be used. * This is where we can add markers or lines, add listeners or move the camera. In this case, * we just add a marker near Sydney, Australia. * If Google Play services is not installed on the device, the user will be prompted to install * it inside the SupportMapFragment. This method will only be triggered once the user has * installed Google Play services and returned to the app. */ @Override public void onMapReady(GoogleMap googleMap) { mMap = googleMap; // Add a marker in Sydney and move the camera LatLng sydney = new LatLng(-34, 151); mMap.addMarker(new MarkerOptions().position(sydney).title("Marker in Sydney")); mMap.moveCamera(CameraUpdateFactory.newLatLng(sydney)); } }
3. Default isi dari activity_maps.xml (dalam percobaan kali ini tidak perlu merubah isi file)
4. Default isi dari AndroidManifest.xml (dalam percobaan kali ini tidak perlu merubah isi file) <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.farah.maps"> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <meta-data android:name="com.google.android.geo.API_KEY" android:value="@string/google_maps_key" />
5. Edit isi file google_maps_api.xml
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang
string in this file. --> <string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">AIzaSyDlWH34f1vNLI3GeO5f9ucFhF7z_DCpo3k
Copy Google API Key yang ada pada Google Console dan Paste pada bagian ini. (Google API Key di atas sengaja disensor)
6. Running program !
Farah Zakiyah Rahmanti, M.T | 2016 | Universitas Dian Nuswantoro Semarang