/*
 * 줌 이벤트
 * 지도 영역에서 마우스 또는 툴바로 지도 영역을 확대하거나 축소했을 때 발생되는 이벤트로
 * 발생될 때 마다 이벤트 정보가 들어있는 이벤트 인수와 함께 호출됩니다.
 */
			 
/* 리턴 되는 이벤트 인수
 * 1) type : 이벤트 타입 입니다.
 * 2) target : 이벤트를 발생시킨 객체입니다. 
 */
	
/*
 * Zoom Event 
 * 지도 영역에서 사용자가 마우스 또는 툴바로 지도 영역을 확대하거나 축소했을 때 발생되는 이벤트입니다
 * type : 'zoom'
 */
mymap.on('zoom', function(e){
	// zoom event 발생 시 지도의 레벨값을 표시하여 지도 상단 영역에 가시화
	var zoom = mymap._zoom; // 지도 레벨 값
	var message = '현재 지도 레벨은 <strong>' + zoom + '</strong> 입니다';
	document.getElementById("map_zoom_area").innerHTML = message;
});
   
/*
 * Zoom Start Event 
 * 지도 영역 줌 레벨이 변경 될 때 발생하는 이벤트입니다
 * type : 'zoomstart'
 */
mymap.on('zoomstart', function(e){
	// zoomstart event 발생 시 지도의 레벨값을 표시하여 지도 상단 영역에 가시화
	var zoom = mymap._zoom; // 지도 레벨 값
	var message = '현재 지도 레벨은 <strong>' + zoom + '</strong> 입니다';
	document.getElementById("map_zoom_area").innerHTML = message;
});	
   
/*
 * Zoom End Event 
 * 특정 동작이 완료 된 후 지도 영역이 변경되었을 때 발생하는 이벤트입니다
 * type : 'zoomend'
 */
mymap.on('zoomend', function(e){
	// zoomend event 발생 시 지도의 레벨값을 표시하여 지도 상단 영역에 가시화
	var zoom = mymap._zoom; // 지도 레벨 값
	var message = '현재 지도 레벨은 <strong>' + zoom + '</strong> 입니다';
	document.getElementById("map_zoom_area").innerHTML = message;
});