back | source
การใช้งาน Event handler ต่างๆ โดยจะยกตัวอย่าง Event handler 4 แบบดังนี้
  1. การสั่งให้ alert เมื่อมีการปรับขนาดแผนที่ (resize)
    map.Event.bind('ready', function() {
      map.Event.bind('beforeResize', function() {
        alert('Map is going to resize');
      });
    });
    คำอธิบาย
    • Event.bind() คือ การสั่งให้แผนที่ทำคำสั่ง (Function) ที่กำหนดเมื่อเกิดเหตุการณ์ (Event) ต่าง ๆ
    • ready คือ เหตุการณ์ในขณะที่แผนที่โหลดเสร็จเรียบร้อย (Map is ready to use)
    • beforeResize คือ เหตุการณ์ในขณะที่เกิดการย่อหน้าต่างเบราว์เซอร์ (Map is going to resize)

    ข้อมูลเพิ่มเติม: ศึกษาเพิ่มเติมเกี่ยวกับ Event ต่างๆ
  2. การสั่งให้แสดง latitude, longitude ในขณะเคลื่อนย้ายแผนที่ และแสดงระดับการ Zoom
    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 คือ เหตุการณ์ในขณะที่เกิดการเลื่อนแผนที่ (Map location changed)
    • zoom คือ เหตุการณ์ในขณะที่เกิดการย่อขยายแผนที่ (Zoom level changed)

    ข้อมูลเพิ่มเติม: ศึกษาเพิ่มเติมเกี่ยวกับ Event ต่างๆ
    ตัวอย่าง
    Move or zoom to show event
^top