ใช้ Google Maps ใน Android

สวัสดีคับ วันนี้ก็จะมาพูดถึงการใช้งาน Google Map ใน App Android กันก็จะมาพูดถึงกันก่อนว่า Google Maps มันคืออะไร

Google Maps คือ บริการแผนที่ของ Google ซึ่งให้บริการ Services ที่เกี่ยวข้องกับแผนที่ทั้งหมด โดยในปัจจุบัน แผนที่ของกูเกิ้ลนั้นมีอยู่หลากหลายประเภทมาก อาทิเช่นที่เราใช้บริการแผนที่บนเว็บไซต์ หรือ App บน Smartphone และทางช่องทาง
อื่นๆ อีกมากมายนับไม่ถ้วน โดย Services เหล่านี้เราสามารถเรียกใช้งานได้ฟรี ในกรณีที่ผ่าน Application ทั่วๆ ไป แต่ถ้าในกรณีที่เราจะมีการเรียกใช้งานในเว็บไซต์หรือ App ที่พัฒนาขึ้นเอง Google Maps ก็จะมี API ให้ใช้งานได้เช่นเดียวกัน แต่ให้เข้าใจนิดหนึ่งว่า Services ต่างๆ ของ Google นั้นมีข้อจำกัดหรือ Limit ในการใช้งาน แต่ถ้าหากต้องการใช้ในบริมาณที่สูงขึ้น ก็จะต้องซื้อ Package ที่ทาง Google Maps มีมาให้ ซึ่งโดยปกติจะมีการจำกัดจำนวนที่ Request เข้ามาเรียกใช้งาน

cr.http://www.thaicreate.com/tutorial/google-maps-javascript-api.html

ก็ได้รู้จักกันไปแล้วนะคับ ต่อมาเราจะมาทดลองทำกันเลย

เริ่มแรกก็ไปสร้าง Project กันก่อน

ก็ตั้งชื่อแล้วแต่ชอบคับ เสร็จแล้ว กด Next คับ

หน้านี้ก็ไม่อะมีอะไรครับ กด Next ไปเลย

ต่อมาหน้าการสร้าง Activity ส่วนมากเราจะสร้าง Empty Activity ใช่ไมคับ แต่คราวนี้เราจะสร้างเป็น Google Maps Activity นะคับ เพราะเราจะใช้ Google Maps นั้นเอง

เลือกแล้วกด Next เลยคับ

หน้าสุดท้ายก็จะเป็นการตั้งชื่อ Activity ก็ตั้งตามชอบเลยคับ เสร็จแล้วกด Finish คับ

ต่อมาจะเป็นหน้าแรกของ Project

ในภาพจะมีอยู่ 2 ส่วนที่ผม ใส่กรอบสีแดงกับสีเหลืองไว้ ในส่วนกรอบสีแดงคือ URL ที่เราต้อง copy ไปใส่ใน Browser เพื่อเราจะไปสร้าง Key — API เพื่อนำมาใส่ตรงกรอบสีเหลือง

คับ ถ้า copy URL มาวางแล้วจะได้หน้าแรกของมาเป็นแบบนี้ แต่ถ้าใครยังไม่ได้ Sign in ก็ต้อง Sign in ก่อนนะคับ แต่ถ้าใครได้แล้วก็ กดปุ่ม “ต่อไป” เลยคับ

หน้านี้จะเป็นการสร้าง KEY — API แล้ว กดเลยคับ

พอกดมาแล้ว Google APIs จะสร้าง KEY — API ให้เรามา

เห็น KEY — API แล้วก็ copy มาใส่ในช่องที่ต้องใส่เลยคับ

แค่นี้เราก็สามารถเรียกใช้ Google Maps ได้แล้ว ลอง Run Project ดูเลยคับ

ถ้าไม่มีอะไรผิดพลาดก็จะได้หน้าตาออกมาเป็นแบบนี้

ถ้าอยากเปลี่ยนแปลงตำแหน่งดูก็สามารถเปลี่ยนได้ที่ function ที่มีชื่อว่า onMapReady นะคับ

ตัวอย่างผมจะเปลี่ยนตำแหน่งของ Marker จาก Sydney ไปเป็น Chaengwattana

override fun onMapReady(googleMap: GoogleMap) {
    mMap = googleMap
    val chaengwattana = LatLng(13.903983, 100.528158)
    mMap.addMarker(MarkerOptions().position(chaengwattana).title("Marker in Chaengwattana"))
    mMap.moveCamera(CameraUpdateFactory.newLatLng(chaengwattana))
    mMap.animateCamera(CameraUpdateFactory.zoomTo(15.0f))
}

หน้าตาก็จะออกมาเป็นแบบนี้คับ

ครับ ก็ประมาณนี้คับ สำหรับวิธีการใช้งาน Google Maps ใน Android ถ้าจะเอาไปใช้อะไรก็ลองปรับประยุกต์ดูนะคับ ผิดพลาดตรงไหนบอกได้นะคับ ยังไงไปก่อนคับ ขอบคุณคับ ^^