Action ScriptDeveloperGoogle Developers

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

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

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

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

ทำการ Sign in เข้า Google Code เพื่อขอ API Key

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

หน้าจอ API ทุก Products ของ Google

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

เปิดขอ API Key

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

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

แทรก API Key ลงไปที่ บรรทัดในรูป

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

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

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

จุดเริ่มต้น ลองเอาตัวคนไปวางลอยๆ ให้เห็นเส้นน้ำเงินก็พอครับ

ส่วนที่คือ ปลายทางที่เราจะเดินทางไป

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

กรอกเสร็จก็กดปุ่ม Route

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

เมื่อเสร็จสิ้นกดปุ่ม

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

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

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

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

Tags

Asst. Prof. Banyapon Poolsawas

อาจารย์ประจำสาขาวิชาการออกแบบเชิงโต้ตอบ และการพัฒนาเกม วิทยาลัยครีเอทีฟดีไซน์ & เอ็นเตอร์เทนเมนต์เทคโนโลยี มหาวิทยาลัยธุรกิจบัณฑิตย์ ผู้ก่อตั้ง บริษัท Daydev Co., Ltd, (เดย์เดฟ จำกัด)

Related Articles

11 Comments

  1. โปรเจ็คจบดีๆ ที่เหมาะกับนักศึกษาปริญญาตรี หรือปริญญาโทสาขา ITM นะครับ เป็นแนวทางได้เลย Daydev จัดให้.

  2. พี่ครับเราถ่ายภาพพาโนรามาแล้วจะเอาภาพพาโนรามา upload ไปไว้ที่ไหนหรอครับเวลาชี้ที่เส้นถนนแล้วดึงภาพที่เราถ่ายไว้ออกมาแสดง พูดง่ายๆก็คือทำ streetview ไว้ใช้เองอะครับพี่พอแนะนำให้ได้ไหมครับผมกำลังทำ project อยู่อะครับ หรือพี่พอมี sourcecode ให้ศึกษาไหมครับเหมือน เว็บบางกอกสตรีทวิว อะครับ.

  3. พี่ครับตอนนี้ผมอยากทำเรื่องนี้มากเลยครับ ทิ้งเบอร์ติดต่อกลับให้ผมด้วยครับ ขอบคุณครับ.

  4. ขอบคุณมากครับพี่ พี่หล่อมากเลย ผมกำลังหาวิธีทำแบบนี้เลย.

Leave a Reply

Back to top button
Close
Close

Adblock Detected

เราตรวจพบว่าคุณใช้ Adblock บนบราวเซอร์ของคุณ,กรุณาปิดระบบ Adblock ก่อนเข้าอ่าน Content ของเรานะครับ, ถือว่าช่วยเหลือกัน