WHAT'S NEW?
Loading...

เริ่มต้นการใช้ google map api v2 บน android studio

เริ่มใช้ GOOGLE MAP API V2 แบบเริ่มต้นสุดๆ

ให้สร้างโปรเจคขึ้นมาใหม่ แบบทั่วไปขอไม่อธิบายอะไร
ก่อนอื่นเราต้องติดตั้ง Google Play services APIs ในส่วนของที่เราลง SDK ครับ

 หลังจากนั้นให้เปิดไฟล์ build.gradle  เพื่ิมเพิ่มการเรียกใช้ google play serivce 



ให้หา tag dependencies แล้วเพิ่ม โค้ด เข้าไป ในที่นี้ขึ้นตัวเลขของ play-services ขึ้นอยู่กับ version ที่ใช้นะครับ
เสร็จแล้วบันทึกแล้วกดปุ่ม Sync Project with Gradle Files ที่เครื่องมือข้างบน  

ลำดับต่อเป็นเราต้องหา  certificate fingerprint key จากเครื่งของเราเสียก่อน ในแต่ละเครื่องจะใช้ไม่เหมือนกัน ต้องใช้ค่า SHA1 
-สำหรับ Linux หรือ Mac เปิด terminal แล้วพิมพ์คำสั่ง ตามด้านล่างแล้วจะได้ค่า SHA 1
keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android
- สำหรับ window เปิด command line พิมพ์
keytool -list -v -keystore "%USERPROFILE%\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

ตัวอย่าง จะได้ค่าออกมา SHA 1 ให้copy ไว้ก่อนครับ เลขที่ได้จะเอาใส่ในการสร้าง key จาก google

เข้าไปที่ Google Developers Console ถ้าไม่มีก็สมัคร user แล้วให้สร้าง Project ใหม่ขึ้นมา



มันจะให้เราตั้งชื่อ อะไรก็ได้ลงไปครับ
รอสักครู่จะได้เข้าได้โปรเจค เสร็จแล้ว
หาเมนู APIs&auth เข้า APIs ให้หา Google Maps Android API v2


หลังจากนั้นให้เข้าเมนู Credentials เพื่อจะสร้าง key
ให้เลือก create new Key แล้วจะถามให้คลิก Key Android

แล้วจะได้หน้านี้ครับ ก็คือหน้าที่เอาค่า SHA 1 ตอนแรกที่ให้หา มาใส่ครับ 
จะมีตัวอย่างในการใช่อยู่ครับ ให้ใส่ค่า SHA 1 ให้เรานี่ค่า SHA1 แล้วตามด้วยเครื่องหมาย ; แล้วด้วยชือไฟล์Project เช่น 
  • A4:DF:1C:37:2D:E6:BB:38:C6:4D:26:33:EF:B1:C1:A3:BB:F6:08:7E;pae.com.wa.mapi แล้วกดสร้าง ครับ
ก็จะได้ค่ามาแบบนี้ครับ เก็บไว้ก่อน

หลังจากได้ค่า API KEY เรียบร้อยแล้ว ก็นำค่ามาใส่กันครับ
เปิดไฟล์ AndroidManifest.xml เข้าเพิ่มโค้ดนี้ ให้อยู่ในtag <application> </application>
ตรงส่วนของ API_KEY ให้เราใส่ Key ที่เราได้สร้างไว้แล้วลงไป
จากกนั้นให้ ใส่ค่า permission ด้านบน พิมพ์โค้ดนี้เพิ่มเข้าไป
<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="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>


ต่อไปเป็นการเพิ่ม การใช้ OpenGL ES 2 เข้าไป ต่อจากการเพิ่ม permission
<uses-feature
        android:glEsVersion="0x00020000"
        android:required="true"/>

ตัวอย่าง ไฟล์ AndroidManifest.xml ที่เสร็จแล้ว
ต่อไปแก้หน้า activity_main.xml  เป็น layoutแบบ fragment



<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/map" android:layout_width="match_parent"
android:layout_height="match_parent"
android:name="com.google.android.gms.maps.MapFragment"/>

ต่อไปแก้ไขไฟล์ java main ในที่นี้ไฟล์ผมชื่อ main



import android.app.Activity;
import android.os.Bundle;
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}
หลังจากนั้น ก็ทำการัน ตัวจำลองของ android studio ไม่สามารถใช้งาน google map ได้
ตัวจะใช้เครื่องจริง กับ Genymotion จำลองครับ (Genymotion เป็นตัวจำลองที่ใช้ดีฟรีครับแนะนำ)

0 ความคิดเห็น:

แสดงความคิดเห็น