Location Service Map

Transkripsi

1 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

2 - 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.

3 Gambar 5 Antarmuka Edit Environment Variable - Klik OK, maka selesai sudah cara untuk menambahkan jdk pada system variable. 3. Ikuti tutorial online resmi : ndroid_api_v2

4 8. 2 Location Service Map pada Android Studio Membuat project baru pada Google Console 1. Buka link berikut ini pada browser Anda : 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

5 Gambar 8 Antarmuka New Project 4. Mendapatkan API Key Gambar 9 Antarmuka Google API Key pada Project yang Telah Dibuat Membuat project baru pada Android Studio 1. Buat project baru pada Android studio Pilih File -> New -> New Project

6 Gambar 10 Deskripsi Nama Aplikasi, Company Domain, dan Package Location Gambar 11 Spesifikasi Aplikasi Minimum SDK Gambar 12 Google Maps Activity

7 2. Default isi dari MapsActivity.java Gambar 13 Nama Activity, Layut, dan Judul 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 com.google.android.gms.maps.cameraupdatefactory; import com.google.android.gms.maps.googlemap; import com.google.android.gms.maps.onmapreadycallback; import com.google.android.gms.maps.supportmapfragment; import com.google.android.gms.maps.model.latlng; import com.google.android.gms.maps.model.markeroptions; public class MapsActivity extends FragmentActivity implements OnMapReadyCallback { private GoogleMap 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); }

8 /** * 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. 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) <fragment xmlns:android=" xmlns:map=" xmlns:tools=" android:id="@+id/map" android:name="com.google.android.gms.maps.supportmapfragment" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.farah.maps.mapsactivity" /> 4. Default isi dari AndroidManifest.xml (dalam percobaan kali ini tidak perlu merubah isi file) <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.example.farah.maps"> <!-- The ACCESS_COARSE/FINE_LOCATION permissions are not required to use Google Maps Android API v2, but you must specify either coarse or fine location permissions for the 'MyLocation' functionality. --> <uses-permission android:name="android.permission.access_fine_location" /> <application android:allowbackup="true"

9 android:supportsrtl="true" <!-- The API key for Google Maps-based APIs is defined as a string resource. (See the file "res/values/google_maps_api.xml"). Note that the API key is linked to the encryption key used to sign the APK. You need a different API key for each encryption key, including the release key that is used to sign the APK for publishing. You can define the keys for the debug and release targets in src/debug/ and src/release/. --> <meta-data android:name="com.google.android.geo.api_key" android:value="@string/google_maps_key" /> <activity android:name=".mapsactivity" android:label="@string/title_activity_maps"> <intent-filter> <action android:name="android.intent.action.main" /> /> </intent-filter> </activity> </application> <category android:name="android.intent.category.launcher" </manifest> 5. Edit isi file google_maps_api.xml <resources> <!-- TODO: Before you run your application, you need a Google Maps API key. To get one, follow this link, follow the directions and press "Create" at the end: ckend&keytype=client_side_android&r=12:64:d6:54:15:1b:8a:d8:af:3c:a5:b9:00: CD:41:A2:47:69:24:2D%3Bcom.example.farah.maps You can also add your credentials to an existing key, using this line: 12:64:D6:54:15:1B:8A:D8:AF:3C:A5:B9:00:CD:41:A2:47:69:24:2D;com.example.far ah.maps Alternatively, follow the directions here: Once you have your key (it starts with "AIza"), replace the "google_maps_key"

10 string in this file. --> <string name="google_maps_key" templatemergestrategy="preserve" translatable="false">aizasydlwh34f1vnli3geo5f9ucfhf7z_dcpo3k</string> </resources> Copy Google API Key yang ada pada Google Console dan Paste pada bagian ini. (Google API Key di atas sengaja disensor) 6. Running program!