[leaflet] 줌 컨트롤 변경 - 추가 및 기존 컨트롤 안보이게 처리

[leaflet] 줌 컨트롤 변경 - 추가 및 기존 컨트롤 안보이게 처리

줌 컨트롤 제거

• http://stackoverflow.com/questions/16537326/leafletjs-how-to-remove-the-zoom-control

var map = new L.Map('map', { zoomControl:false });

// 지도 생성
map = L.map(mapid, {
    maxBounds : bounds, // 화면 최대 영역을 설정한다.
    center : center,
    zoom : zoom, 
    zoomControl:false
});

맵 생성시에, zoomControl:false 를 추가한다.

줌인, 줌아웃 처리

function getValidZoom(zoom){
    var maxZoom = 19;
    var minZoom = 15;

    if (zoom > maxZoom){
        zoom = maxZoom;
    }else if (zoom < minZoom){
        zoom = minZoom;
    }
    return zoom;
}

wmap.zoomIn = function(){
    var z = map.getZoom();        
    map.setZoom( getValidZoom(++z) );
}

wmap.zoomOut = function(){
    var z = map.getZoom();   
    map.setZoom( getValidZoom(--z) );
}

줌 최대, 최소값을 정해서 기능이 수행되도록 한다.

이후, zoomIn, zoomOut 함수를 호출하여 실행한다.