back | source
การสร้างแผนที่แสดงข้อมูลจราจร
  1. สร้าง longdo.Map object ขึ้นมา
    map = new longdo.Map({
      layer: [
        longdo.Layers.GRAY,
        longdo.Layers.TRAFFIC
      ],
      zoom: 12,
      placeholder: document.getElementById('map'),
      lastView: false
    });
    คำอธิบาย
    • layer คือ เงื่อนไขของ Layer เช่น longdo.Layers.TRAFFIC เป็นต้น
    • zoom คือ กำหนดให้แผนที่เริ่มต้นให้มีระดับการ zoom เท่าใด
    • placeholder คือ การแทรกแผนที่ไว้ตำแหน่ง element ใดในเว็บ
    • lastView คือ การตั้งค่าตอนเปิดแผนที่จะให้เก็บตำแหน่ง (Location) สุดท้ายหรือไม่

    ข้อมูลเพิ่มเติม: ศึกษาเพิ่มเติมเกี่ยวกับ longdo.Map
  2. การตั้งค่า Load Overlays
    setTimeout(function() {
      map.Overlays.load(longdo.Overlays.events);
    }, 1000);
    setTimeout(function() {
      map.Overlays.load(longdo.Overlays.cameras);
    }, 2000);
    คำอธิบาย
    • setTimeout() คือ คำสั่งที่ใช้ในการเรียกฟังก์ชั่นซ้ำตามระยะเวลาที่กำหนด (หน่วยเป็น milliseconds)
    • Overlays.load() คือ คำสั่งที่ใช้ในการเรียก Overlays

การเพิ่ม/ลบ Layer ของ Traffic มีขั้นตอน ดังนี้
  1. เพิ่ม Traffic Layer
    map.Layers.add(longdo.Layers.TRAFFIC);
    คำอธิบาย
    • add() คือ การเพิ่ม Layer เข้าไปบนแผนที่
    ตัวอย่าง
  2. ลบ Traffic Layer
    map.Layers.remove(longdo.Layers.TRAFFIC);
    คำอธิบาย
    • remove() คือ การลบ Layer ออกจากแผนที่
    ตัวอย่าง
  3. การลบ Layers ทั้งหมด
    map.Layers.clear();
    ตัวอย่าง

การเรียก/ซ่อน Overlays ของ Camera/Event มีขั้นตอน ดังนี้
  1. การเรียกข้อมูล Cameras
    map.Overlays.load(longdo.Overlays.cameras);
    คำอธิบาย
    • load() คือ การเรียกข้อมูล Camera/Event
    ตัวอย่าง
  2. การเรียกข้อมูล Events
    map.Overlays.load(longdo.Overlays.events);
    ตัวอย่าง
  3. การซ่อนข้อมูล
    map.Overlays.unload(longdo.Overlays.events)
    คำอธิบาย
    • unload() คือ การลบข้อมูลของ Camera/Event
    ตัวอย่าง
^top