Membuat Gmaps Sederhana menggunakan Android Studio

Kali ini kita akan membuat aplikasi Google Map sederhana menggunakan Android Studio, pastinya dengan memanfaatkan API (bukan arti sebenarnya) tapi APPLICATION PROGRAM INTERFACE, merupakan sekumpulan perintah, fungsi, dan protocol yang dapat digunakan oleh programmer saat membangun perangkat lunak untuk system operasi tertentu. API memungkinkan programmer untuk menggunakan fungsi standar untuk berinteraksi dengan system operasi. Simplenya API ini akan membantu kita dalam memakai structure program dari suatu program yang akan kita contoh, kita hanya tinggal mendapatkan API key saja dan mengkombinasikannya dengan program yang akan kita buat jadi kita tidak usah membuat program yang benar – benar dari awal.

Untuk mempersingkat postingan ini mending kita langsung aja ke langkah – langkah pembuatannya.

Tapi sebelumnya

Beberapa hal yang harus dimiliki pengembang android sebelum dapat menggunakan layanan Google

Maps adalah sebagai berikut

- Google Play Services

- Google API Key

Bagi kalian yang android studionya belum terinstall Google Play Service pada SDK nya bisa membaca langkah – langkah installasi nya disini.

Dan untuk mendapatkan API Key nya akses link dibawah ini.

https://console.developers.google.com/flows/enableapi?apiid=maps_android_backend&keyType=CLIENT_SIDE_ANDROID&reusekey=true

kalian akan masuk ke halaman web seperti dibawah ini, pilih Continue

jika sudah isikan nama kalian pada halaman berikutnya >> lalu pilih create

Akan mucul pop – up menu yang memberikan code API Key yang telah kita buat tadi, copy aja code nya, nanti akan digunakan untuk mengisi source code di folder android manifest.

Anggap saja jika android studionya sudah siap untuk digunakan membuat aplikasi Gmap sederhana menggunakan API.

1. Buat project di Android Studio terserah apa namanya dan buka android manifest tambahkan code program berikut ini, jangan asal copas semua, perhatiin mana code – code pentingnya. code yang berwarna merah itu kode API KEY copy sendiri punya kalian.

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.dilla.mapsbissmilah" >

<uses-permission android:name="android.permission.write_external_storage" />

<uses-permission android:name="android.permission.INTERNET" />

<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

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

</intent-filter>

</activity>

<meta-data

android:name="com.google.android.maps.v2.API_KEY"

android:value="AIzaSyA8MBwrJIwlLHbVFOWGmN2VPuImrSPDJB8" />

</application>

</manifest>

2. Jika udah dengan android manifestnya, kita akan menambahkan coding di gradle. Lihat gambar

Berikut source programnya

dependencies {

compile fileTree(dir: 'libs', include: ['*.jar'])

testCompile 'junit:junit:4.12'

compile 'com.android.support:appcompat-v7:23.1.0'

compile 'com.google.android.gms:play-services:8.1.0' }

3. Selanjutnya adalah design untuk tampilan activity aplikasi kita, kalo yang saya buat sederhana aja, jika kalian ingin mengembangkan lebih bagus lagi silahkan J

Berikut source codenya.

<LinearLayout

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"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"

android:orientation="vertical">

<RelativeLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal">

<EditText

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id= "@+id/etSearch"

android:text=""

android:layout_alignParentTop="true"

android:layout_alignParentLeft="true"

android:layout_alignParentStart="true"

android:layout_toLeftOf="@+id/btnsearch"

android:layout_toStartOf="@+id/btnsearch" />

<Button

android:layout_width="42dp"

android:layout_height="36dp"

android:id="@+id/btnsearch"

android:onClick="btnsearch"

android:layout_gravity="right"

android:background="@drawable/search"

android:layout_alignParentTop="true"

android:layout_alignParentRight="true"

android:layout_alignParentEnd="true" />

</ <RelativeLayout>

<fragment

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:id="@+id/map"

class="com.google.android.gms.maps.MapFragment"/>

</ LinearLayout/>

Tampilannya akan seperti ini

4. Next, nah yang kali ini adalah coding utamanya di MainActivity.java, disinilah halterpentingnya,
bagi kalian yang udah advance di JAVA silahkan dikembangkan, catatan aja saat kita menulis
program di main activity terkadang ada beberapa code program yang merah seperti error, untuk
menghilangkannya kalian tinggal tekan ALT + Enter.

Berikut source codenya

public class MainActivity extends AppCompatActivity{

private GoogleMap googleMap;

EditText etsearch;

Button btnsearch;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

etsearch = (EditText) findViewById(R.id.etSearch);

btnsearch = (Button) findViewById(R.id.btnsearch);

googleMap = ((MapFragment)

getFragmentManager().findFragmentById(R.id.map)).getMap();

googleMap.animateCamera(CameraUpdateFactory.zoomTo(10), 2000, null);

googleMap.getUiSettings().setZoomControlsEnabled(true);

}

public void btnsearch (View view) {

String location = etsearch.getText().toString();

if (location != null) {

setNewLocation(location);

} else {

Toast.makeText(getBaseContext(), "masukkan lokasi", Toast.LENGTH_LONG).show();

}

private void setNewLocation(String location) {

Geocoder geocoder = new Geocoder(getBaseContext());

try {

googleMap.clear();

List<Address> addresess = geocoder.getFromLocationName(location, 10);

Address address = addresess.get(0);

LatLng latLng = new LatLng(address.getLatitude(), address.getLongitude());

Marker marker = googleMap.addMarker(new MarkerOptions()

.position(latLng)

.title(address.getAddressLine(0)));

googleMap.animateCamera(CameraUpdateFactory.newLatLng(latLng));

} catch (IOException e) {

e.printStackTrace();

}

5. Kita udah ditahap akhir, jika semua sudah dimasukkan dan siap di compile, colokkan usb
smarthphone kalian ke laptop karena kita akan run nya melalui smarthphone android, jika sudah
sambungkan smarthphone ke internet hal ini karena kita menggunakan API yang mengharuskan
untuk Online, all right, RUN

6. Hasilnya akan seperti ini, jika ada yang masih error ataupun belum berjalan sesuai contohnya,
silahkan tinggalkan komentar.