เทมเพลตการแสดงตัวอย่างเส้นทางจะแสดงเส้นทางที่พร้อมใช้งานสูงสุด 3 เส้นทางสำหรับจุดหมายที่เลือกถัดจากแผนที่
ข้อมูลเส้นทางต้องประกอบด้วยระยะเวลาหรือระยะทาง และอาจรวมระยะเวลาเดินทางโดยประมาณด้วย เมื่อผู้ใช้เลือกเส้นทางเพื่อดูตัวอย่าง แอปจะอัปเดตแผนที่โดยแสดงให้เห็นภาพเส้นทาง
ประกอบด้วย
- ส่วนหัว (ในการ์ด)
- แถบการดำเนินการ (ไม่บังคับ)
- แสดงแถว พร้อมข้อมูลเส้นทาง
- แผนที่ฐาน (เต็มหน้าจอ วาดโดยแอป)
- แถบการทำงานบนแผนที่ (ไม่บังคับ) ซึ่งมีสูงสุด 4 ปุ่มสำหรับการโต้ตอบในแผนที่
![ไวร์เฟรมของเทมเพลต Route Preview](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-template.png?authuser=0000&hl=th)
ตัวอย่างเทมเพลตตัวอย่างเส้นทาง
![เทมเพลตตัวอย่างเส้นทางที่มีรายการตำแหน่ง](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-numbered.png?authuser=0000&hl=th)
![เทมเพลตตัวอย่างเส้นทางที่มีระยะเวลา](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/route-preview-map-duration.png?authuser=0000&hl=th)
เส้นทาง 2 เส้นทางซึ่งลิงก์กับแผนที่ด้วยเครื่องหมายที่เรียงลำดับเลข (ตัวอย่าง Android Auto)
3 เส้นทางพร้อมระยะเวลาเดินทางโดยประมาณแสดงในแผนที่ (ตัวอย่าง AAOS)
ข้อกำหนด UX ของเทมเพลตตัวอย่างเส้นทาง
นักพัฒนาแอป
ต้อง | แสดงเส้นทางอย่างน้อย 1 เส้นทางในเทมเพลตนี้ |
ต้อง | เลือก 1 เส้นทางโดยค่าเริ่มต้น |
ต้อง | แสดงระยะเวลาหรือระยะทางของเส้นทาง |
ต้องไม่ | แสดงเส้นทางมากกว่า 3 เส้นทาง |
ควร | ไฮไลต์เส้นทางที่เกี่ยวข้องบนแผนที่เมื่อผู้ใช้เลือก |