พัฒนาระบบนำทางอัตโนมัติ ด้วย Google StreetView API

สำหรับ Google Maps ตอนนี้มีระบบ Street View ที่ทำให้หลายคนได้เข้าไปดูบ้านตัวเอง และศึกษาเส้นทางกันอย่างสนุกสนานกันไปบ้างแล้ว รอบนี้ก็เลยลองหยิบโปรเจ็คจาก Google Code มาชำแหละแกะ เกลา ให้หลายคนได้เอาไปพัฒนาต่อกันกับ API ที่หลายคนอยากลองเขียนร่วมกับมันนั่นคือ Google Street View นั่นเองครับ

มาเริ่มกันเลยดีกว่า ก่อนอื่นที่เราจะใช้ Google Street View ได้จำเป็นต้องมี API ของ Google Maps ก่อนครับซึ่งตอนนี้ เริ่มให้ใช้จำกัด และจะเก็บเงินในอีกไม่นาน การเข้าไปสมัครก็อาจจะลำบากกันหน่อย ให้ไปที่ http://code.google.com/

ก่อนอื่นให้เข้า สู่ระบบ Google Code เมื่อเข้าสู่ระบบแล้วจะพบหน้าจอดังภาพด้านล่างครับ

ให้ทำการร้องขอ API โดยไปเปิด Enabled ที่ Google Map ในที่นี่ผมขอเปิดใช้งานทั้ง Version 2 และ 3 เลยครับ

ต่อมาให้ดาวน์โหลด Source Code ไฟล์นี้ไปลงไว้ในเครื่องของคุณ หรือเว็บของคุณครับ ซึ่งไฟล์ Source Code นี้เป็นการใช้ Script Console ของ Panorama และ 2D Direction ของ Google Code ผมก็ไปหยิบยืมมา และให้เครดิต มาใช้กับหน้าตัวอย่างที่ให้ดาวน์โหลดครับ

ดาวน์โหลด (Download): Test Drive - Google Street View API (Version 1.0.0)

เมื่อทำการดาวน์โหลด และอัพโหลดขึ้นไปบน Host แล้วให้ทำการ แก้ไขไฟล์ index.html ครับ โดยการแทรก API Key ของเราไปที่บริเวณที่ผม Hightlight ไว้ใน Code

เสร็จแล้วก็ใช้งานได้ การศึกษา Source Code สามารถอธิบายได้ครับ แต่ต้องหลังไมล์ผ่าน Email ผมแล้วกัน

[email protected]

มาทดสอบกันหน่อยว่าระบบทำงานได้หรือเปล่า ผมต้องทำการเลือกสถานที่ เริ่มต้น และ ปลายทาง ครับ โดยสถานที่เหล่านั้นต้องเป็นสถานที่ที่ รถ ของ Google ไปถ่ายมา หรือมองในมุมมองของ Street View ได้

ซึ่งผมก็ได้ทำการเลือก และ ตั้งค่า Default ลงในโปรแกรมของผมในตัวอย่างในไฟล์ index.html ไปแล้ว

เสร็จแล้วก็ Copy ชื่อสถานที่ทั้ง 2 แห่งไปกรอกที่หน้าฟอร์ม Start และ Stop

เมื่อกรอกเสร็จกดปุ่ม Route รอ API ของ Google ทำงานเพื่อเลือกวิธีการเดินทาง สักครู่หนึ่ง

เมื่อข้อมูลทุกอย่างโหลดเสร็จเรียบร้อยลองกด Drive ได้เลย ซึ่งระบบจะหาเส้นทางเหมือนเราขับรถแบบกระโดดไปเรื่อยๆ และเราสามารถปรับความเร็วของการเดินทางของเราได้

เป็นยังไงบ้างครับ สำหรับแนวทางการพัฒนาโปรแกรมด้วย Google Street View ครั้งนี้หากนึกภาพไม่ออกไปดูตัวอย่างได้เลยที่นี่ครับ

ตัวอย่างการทำงานของโปรแกรม

https://www.daydev.com/demo/testdrive/

ดาวน์โหลด Source Code ได้ที่

ดาวน์โหลด (Download): Test Drive - Google Street View API (Version 1.0.0)