back | source
หากต้องการแสดงเส้นทางเลยจะมีขั้นตอนดังนี้
  1. สร้าง map.Route.placeholder เพื่อกำหนดให้ใส่ข้อมูลรายละเอียดเส้นทางลงใน element id ใด
    map.Route.placeholder(document.getElementById('route'));
  2. เพิ่มคำสั่ง 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
  3. หากมีอีกหลายจุด ให้ทำซ้ำข้อ 2 เพื่อเพิ่มจุดต่อไป
    map.Route.add({ lon: 100, lat: 15 });
  4. เพิ่มคำสั่ง search() เพื่อสั่งให้ทำการค้นหาเส้นทาง
    map.Route.search();

หากต้องการให้ผู้ใช้เลือกเส้นทางเองจะมีขั้นตอนดังนี้
  1. สร้าง placeholder element
    map.Route.placeholder(document.getElementById('route'));
  2. เปิดให้ผู้ใช้เลือกเส้นทางเองได้
    map.Route.enableContextMenu();
    map.Route.auto(true);
    • enableContextMenu: คำสั่งนี้จะแสดงผลก็ต่อเมื่อมีการคลิกขวา โดยจะมีตัวเลือกจุดหมายเพิ่มขึ้นมา
    • auto: คำสั่งที่ใช้ในการเปิด-ปิด การค้นหาเส้นทางอัตโนมัติ

ฟังก์ชั่นอื่นๆ
  1. ค้นหาแบบไปตามถนนหลักแทนแบบหลบรถติด
    map.Route.mode(longdo.RouteMode.Cost);
    ตัวอย่าง
  2. แสดงเวลาบนเส้นแทนระยะทาง
    map.Route.label(longdo.RouteLabel.Time);
    ตัวอย่าง
  3. ไม่ขึ้นทางด่วน
    map.Route.enableRoute(longdo.RouteType.Tollway, false);
    ตัวอย่าง
  4. เดินทางด้วยมอเตอร์ไซค์
    map.Route.enableRestrict(longdo.RouteRestrict.Bike, true);
    ตัวอย่าง

  5. ข้อมูลเพิ่มเติม: หากต้องการสั่งให้ทำงานต่อหลังจากที่คำนวณเส้นทางเสร็จแล้ว สามารถดัก event GuideComplete ได้ ดูตัวอย่างได้ที่นี่