DO NOT MISS

Action

Tuesday, 25 August 2015

Tutorial Membuat Aplikasi Maps dengan Maps API V2 di Android Studio

Membuat Aplikasi Maps dengan Maps API V2 di Android Studio. Pada artikel ini kita akan membuat aplikasi peta atau maps menggunakan android studio dan android maps API V2. Sebelumnya android maps API V1 sudah tidak bisa digunakan lagi. Kita membutuhkan memerlukan Android maps API V2 key untuk memulai membuat aplikasi maps .

Tutorial Mendapatkan Android Maps API V2 Key

Untuk mendapatkan API Key, kita terlebih dulu harus mendapatkan SHA1 Finger Key,
1. Buka CMD
2 Ketiklah kode seperti dibawah

cd .android
keytool -list -alias androiddebugkey -keystore debug.keystore -storepass android -keypass android -v

3. Copy SHA1 finger print untuk membuat API Key pada Goole APIs Console.
sha1 key android studio
4. Buka browser. Ketik https://code.google.com/apis/console

5. Create project, masukan nama project anda.
6. Pada APIs & auth, pilih APIs, klik google maps android api dan tekan enable api untuk mengaktifkanya.
android api key
7. Sekarang kita akan membuat API key, klik credentials, pada public API Access, Klik create new key dan pilih android key
android api key public
8. Masukkan SHA1 Key dan tambahkan nama package aplikasi kita.
sha1 key package android studio
nama package aplikasi saya gunakan adalah com.teknorial.maps , maka hasil sepert berikut.
android api key android studio
API key sudah kita dapat. Sekarang kita akan membuat aplikasi maps pada android studio.

Tutorial Membuat Aplikasi Maps di Android Studio

1. Buat project baru, dengan nama package com.teknorial.maps2 (sesuaikan dengan nama package pada api key tadi). Jika anda belum mengerti cara membuat project diandroid studio, saya anjurkan baca artikel ini Membuat Project Android di Android Studio
2. Pastikan SDK manager sudah terinstall google play service.
android studio google play services
setelah google play service terinstall langkah selanjutnya mengimport library yang diperlukan
3. Import library google play service dan android support v4.Ikuti langkah berikut ini.
– Klik project structure.
project structur android  studio
– pilih Dependencies.
– klik add, pilih dependency, pilih library play services (com.google.android.gms:play-services:6.5.87) dan com.android.support-4:21.0.3.
project structur android studio gms android support-v4
4. Sekarang kita akan memasang API key dan beberapa permission yang diperlukan pada aplikas maps kita. Ubah code file AndroidManifest.xml seperti berikut.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.teknorial.maps2">

    <permission android:name="com.teknorial.maps2.permission.MAPS_RECEIVE" android:protectionLevel="signature"/>
    <uses-permission android:name="com.teknorial.maps2.permission.MAPS_RECEIVE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="com.google.android.providers.gsf.permission.READ_GSERVICES" />
    <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"/>  //OpenGL ES version 2

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="API_KEY_MU" />
        <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
        <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>
    </application>
    </manifest>
Ganti API_KEY_MU dengan API Key yang sudah kita dapatkan tadi.
4. Kemudian Ubah file activity_main.xml seperti berikut. File activity terletak di folder /res/layout.
<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" 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">

    <fragment
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:id="@+id/fragment"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        tools:layout="@layout/activity_main" />
</RelativeLayout>
Pada aplikasi maps ini, kita menggunakan MapFragment, sehingga di file xml kita menggunakan fragment element, tapi element fragment hanya didukung oleh android honeycomb ke atas, kita harus menambahkan android-support-v4 library agar aplikasi kita tetap bisa digunakan fragment walaupun dijalankan pada aplikasi android honeycomb kebawah.
5. Pada file mainactivity.java , kita ubah seperti ini.
package com.teknorial.maps2;

import android.support.v4.app.FragmentActivity;
import android.os.Bundle;

public class MainActivity extends FragmentActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

Pada dasarnya di mainactivity.java kita hanya menambahkan kode untuk mewarisi (extends) fragment activity pada aplikasi kita.
Jika kode aplikasi kita tida ada yang salah, maka kita bisa menjalankan aplikasinya diemulator. Dalam tutorial ini saya menggunakan emulator bawaan dari android studio. Jika emulator android studio anda lambat atau tidak bisa dijalankan,baca artikel ini Memperbaiki HAX is not Running di Android Studio.
android studio maps v2 emulator nexus 5
Demikian artikel tentang Membuat Aplikasi Maps dengan Maps API V2 di Android Studio.

Post a Comment

Diharapkan jangan berkata-kata yang kurang enak, karena itu akan mengganggu orang yang membacanya, dan berikan saran anda jika blog kami masih kurang berkenan.

terimakasih,

Admin

 
Copyright © 2014 Forum Mini Ku. Designed by Forum Mini Ku