ขั้นตอนแรก ให้ตั้งค่า screen ดังนี้ก่อนครับ
ขั้นตอนต่อไป ให้ลาก label เข้ามา2 อัน อันแรก ไว้สำหรับบอกสถานะ ส่วนอันที่ สอง ไว้สำหรับบอกพิกัด และ ลาก image เข้ามา เพื่อแสดงแผนที่ ต่อมา ให้ ลาก HorizontalArrangement เข้ามา แล้วเพิ่ม spinner เข้ามา 2 อันต่อกัน และปิดท้ายด้วย button
ขั้นตอนที่ 3 ในตัว app inventor ไม่ได้ใช้คำสั่งที่ชื่อว่า GPS เป็นตัวบอกตำแหน่ง แต่ใช้คำสั่ง LocationSensor แทน
เพิ่ม LocationSensor ,Clock เพื่อบอกเวลา และ Activity Starter เพื่อจะติดต่อไปยัง google map เข้ามา
ต่อมา ให้เปลี่ยนชื่อของ Components ต่างๆ ตามประเภทการใช้งาน ดังนี้
ต่อมาให้ตั้งค่า Components ต่างๆดันนี้
Stac
Image1
ในส่วนนี้ DistanceInterval หมายความว่า ถ้ามีการเปลี่ยนแปลง ตำแหน่ง (กี่เมตร)
TimeInterval หมายถึง จะตรวจสอบตำแหน่งใหม่ตามเวลาที่กำหนด(หน่วยเป็น มิลลิเซค)
Action: android.intent.action.VIEW
ActivityClass: com.google.android.maps.MapsActivity
ActivityPackage: com.google.android.apps.maps
โครงสร้างของโปรแกรม
ส่วนนี้คือ เมื่อ ทำการ เลือก Spinner Distance หรือ Time จะทำการ เปลี่ยน การตั้งค่าของ Component LocationSensor1
ส่วนนี้คือ ถ้า Status ของ Component LocationSensor มีการเปลี่ยนแปลง จะทำการ สั่งให้ Text ของ Label Stac
แสดงความความ เวลาที่เกิดการเปลี่ยนแปลง ชนิดของ provider คืออะไร และ ขณะนี้ status คืออะไร
ส่วนนี้คือ เมื่อ Location ของ Component LocationSensor มีการเปลี่ยนแปลง จะให้ทตามคำสั่ง ดังนี้
ให้ Label Loc แสดงข้อความ วันที่และเวลา เมื่อมีการเปลี่ยนแปลง และแสดง latitude กับ longitude
และค่า คลาดเคลื่อน ว่ามีความคลาดเคลื่อน +/- กี่เมตร และแสดง ที่อยู่ ของสถานที่ ที่ผู้ใช้กำลังอยู่ ณ เวลานั้น
ต่อมา จำทำการ แสดงรูปภาพ โดยรูปภาพ จะทำการ ดึงข้อมูลมาจาก google map โดยจะดูตาม latitude และ longitude ที่อยู่ ปัจจุบัน
เมื่อมีการกดปุ่ม จะทำการตรวจสอบว่า ณ ตอนนั้น มี longitude และ latitude อยู่หรือป่าว ถ้ามี จะทำคามคำสั่งดังนี้
ทำการเรียกใช้ แอพพลิเคชั่น google map โดยจะส่งค่า latitude และ longitude เข้าไป และสั่งให้ ค่า Zoom = 17
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz5Y-6C_rUxQBxmz9zVCdUl7ZPeBsIJL5X1dsBES6w_TrP1fFKsv6XVxn7CHCMt4Kj7Tv5_fnyjuBrdvND55ToLMq4EmAnI68HBPgWJH9TS8uYuSZNgKpdbv1JS28QRPwAap2Ryy_Rt8Hs/s320/23.png)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz5Y-6C_rUxQBxmz9zVCdUl7ZPeBsIJL5X1dsBES6w_TrP1fFKsv6XVxn7CHCMt4Kj7Tv5_fnyjuBrdvND55ToLMq4EmAnI68HBPgWJH9TS8uYuSZNgKpdbv1JS28QRPwAap2Ryy_Rt8Hs/s320/23.png)