หากต้องการแสดงเส้นทางเลยจะมีขั้นตอนดังนี้
- สร้าง map.Route.placeholder เพื่อกำหนดให้ใส่ข้อมูลรายละเอียดเส้นทางลงใน element id ใด
map.Route.placeholder(document.getElementById('route'));
- เพิ่มคำสั่ง add และ ใส่ longdo.Marker object เข้ามาเพื่อปักหมุดในจุดเริ่มต้น
map.Route.add(new longdo.Marker( { lon: 100.538316, lat: 13.764953 }, { title: 'Victory monument', detail: 'I\'m here' } ));
- lon,lat: ค่าลองจิจูดและ ค่าละติจูด
- title: ข้อความที่แสดงในส่วนหัวข้อใน Popup
- detail: ข้อความที่แสดงรายละเอียดต่างๆ ใน Popup
- หากมีอีกหลายจุด ให้ทำซ้ำข้อ 2 เพื่อเพิ่มจุดต่อไป
map.Route.add({ lon: 100, lat: 15 });
- เพิ่มคำสั่ง search() เพื่อสั่งให้ทำการค้นหาเส้นทาง
map.Route.search();
หากต้องการให้ผู้ใช้เลือกเส้นทางเองจะมีขั้นตอนดังนี้
- สร้าง placeholder element
map.Route.placeholder(document.getElementById('route'));
- เปิดให้ผู้ใช้เลือกเส้นทางเองได้
map.Route.enableContextMenu(); map.Route.auto(true);
- enableContextMenu: คำสั่งนี้จะแสดงผลก็ต่อเมื่อมีการคลิกขวา โดยจะมีตัวเลือกจุดหมายเพิ่มขึ้นมา
- auto: คำสั่งที่ใช้ในการเปิด-ปิด การค้นหาเส้นทางอัตโนมัติ
ฟังก์ชั่นอื่นๆ
- ค้นหาแบบไปตามถนนหลักแทนแบบหลบรถติด
map.Route.mode(longdo.RouteMode.Cost);
ตัวอย่าง - แสดงเวลาบนเส้นแทนระยะทาง
map.Route.label(longdo.RouteLabel.Time);
ตัวอย่าง - ไม่ขึ้นทางด่วน
map.Route.enableRoute(longdo.RouteType.Tollway, false);
ตัวอย่าง - เดินทางด้วยมอเตอร์ไซค์
map.Route.enableRestrict(longdo.RouteRestrict.Bike, true);
ตัวอย่าง
ข้อมูลเพิ่มเติม: หากต้องการสั่งให้ทำงานต่อหลังจากที่คำนวณเส้นทางเสร็จแล้ว สามารถดัก event GuideComplete ได้ ดูตัวอย่างได้ที่นี่