การใช้งาน Event handler ต่างๆ โดยจะยกตัวอย่าง Event handler แบบต่างๆดังนี้
- เมื่อมีการปรับขนาดแผนที่
map.Event.bind('ready', function() { map.Event.bind('beforeResize', function() { alert('Map is going to resize'); }); });
- bind: การสั่งให้แผนที่ทำคำสั่งที่กำหนดเมื่อเกิดเหตุการณ์ต่าง ๆ
- ready: เหตุการณ์ในขณะที่แผนที่โหลดเสร็จเรียบร้อย
- beforeResize: เหตุการณ์ในขณะที่เกิดการย่อหน้าต่างเบราว์เซอร์
- เมื่อเลื่อนแผนที่หรือซูม
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
- เมื่อคลิก 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 ที่ถูกคลิก
- การใช้ข้อมูลเส้นทาง
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: เหตุการณ์เมื่อเจอเส้นทาง
ข้อมูลเพิ่มเติม: ศึกษาเพิ่มเติมเกี่ยวกับ Event แบบอื่นๆ