แหล่งเรียนรู้ภาษาอังกฤษ
Online E-Learning
Udemy
Udacity
Microsoft Virtual Academy
d Engli
Statistics
User Online1 
Today19 
Yesterday14 
This Month349 
Last Month614 
This Year1,969 Last Year7,097
Google Maps API เป็น API ที่ใช้ในการแสดงแผนที่กูเกิ้ลแมพ และบริการต่างๆ เช่น การกำหนดจุดบนแผนที่ การค้นหาสถานที่ เป็นต้น ตัวอย่างนี้ จะแสดงวิธีการใช้งาน Google Map API บนแอนดรอยด์ โดยใช้ Kotlin พร้อมทั้งการกำหนดจุด บนแผนที่
การสร้างโปรเจ็คและเลือก Template เป็น Google Maps Activity
กำหนดรายละเอียดของโปรเจ็ค
กำหนด AVD ที่มี Google Play Service (Pixel 2 API 29)
ไฟล์ google_maps_api.xml ที่โปรเจ็คสร้างให้ และต้องนำคีย์ของ API มาใส่ไว้ที่นี่
ไฟล์ AndroidManifest.xml
จะมีการกำหนด permission (ACCESS_FINE_LOCATION)
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
ผลลัพธ์ในการรัน
จะยังไม่แสดง map ออกมาได้
Android SDK เพิ่ม Google Play service
ไปที่ res -> values -> google_maps_api.xml เพื่อทำการสร้างคีย์ api
คลิ๊กที่ https://console.developers.google.com/flows/enableapi?apiid=maps_android_backend&keyType=CLIENT_SIDE_ANDROID ด้านบน
ทำการลงทะเบียนแอปพลิเคชัน
เปิดใช้ API และ สร้างคีย์
คีย์ที่ถูกสร้างสามารถ copy นำไปใช้ใน แอปพลิเคชัน
ไฟล์ google_maps_api.xml
นำคีย์ลงไปแทนที่ YOUR_KEY_HERE
ไฟล์ AndroidManifest.xml
ไฟล์ build.gradle (Module: app)
รายการที่ต้องมี
implementation 'androidx.appcompat:appcompat:1.1.0' implementation 'com.google.android.gms:play-services-maps:17.0.0'
MainActivity.kt
เปิดใช้งาน แผนที่ Maps SDK for Android
รันโปรเจ็คใหม่อีกครั้ง
พบว่าสามารถแสดงแผนที่ได้แล้ว
ต่อไปให้ แก้ไข MainActivity.kt
comment จุดที่เป็น sydney และเพิ่มจุดใหม่
กำหนดจุด สะพานข้ามแม่น้ำแคว
val bridgeRiverKwai = LatLng(14.0410065,99.5029018)
ผลลัพธ์
จะเห็นว่ามีการกำหนดจุดใหม่บนแผนที่แต่มีขนาดเล็ก
แก้ไข MainActivity.kt ให้มีการซูมเพิ่มขึ้น
mMap.moveCamera(CameraUpdateFactory.newLatLngZoom(bridgeRiverKwai,15.0f))
ผลลัพธ์
