back | source
การใช้งาน Event handler ต่างๆ โดยจะยกตัวอย่าง Event handler แบบต่างๆดังนี้
  1. เมื่อมีการปรับขนาดแผนที่
    map.Event.bind('ready', function() {
      map.Event.bind('beforeResize', function() {
        alert('Map is going to resize');
      });
    });
    • bind: การสั่งให้แผนที่ทำคำสั่งที่กำหนดเมื่อเกิดเหตุการณ์ต่าง ๆ
    • ready: เหตุการณ์ในขณะที่แผนที่โหลดเสร็จเรียบร้อย
    • beforeResize: เหตุการณ์ในขณะที่เกิดการย่อหน้าต่างเบราว์เซอร์
  2. เมื่อเลื่อนแผนที่หรือซูม
    map.Event.bind('location', function() {
      var location = map.location();
      document.getElementById('status').innerHTML = 'Move: ' + location.lon + ', ' + location.lat;
    });
    map.Event.bind('zoom', function() {
      document.getElementById('status').innerHTML = 'Zoom: ' + map.zoom();
    });
    • location: เหตุการณ์ในขณะที่เกิดการเลื่อนแผนที่
    • zoom: เหตุการณ์ในขณะที่เกิดการย่อขยายแผนที่
    ตัวอย่าง
    Move or zoom to show event

  3. เมื่อคลิก Overlay
    map.Event.bind('overlayClick', function(overlay) {
      if (overlay == marker1) {
        alert(overlay.message);
      }
    });
    var marker1 = new longdo.Marker({ lon: 100.5, lat: 13.7 });
    marker1.message = 'Click me';
    map.Overlays.add(marker1);
    • overlayClick: เหตุการณ์ในขณะที่เกิดการคลิก Overlay
    • overlay: Overlay ที่ถูกคลิก
  4. การใช้ข้อมูลเส้นทาง
    map.Event.bind('guideComplete', function(overlay) {
      document.getElementById('distance').innerHTML = map.Route.distance(true);
    });
    map.Route.add(marker1);
    map.Route.add({ lon: 101, lat: 14 });
    
    map.Route.search();
    
    • guideComplete: เหตุการณ์เมื่อเจอเส้นทาง
    Distance: click search

  5. ข้อมูลเพิ่มเติม: ศึกษาเพิ่มเติมเกี่ยวกับ Event แบบอื่นๆ