지도를 생성할 때 zoomsliderControl 옵션을 설정하여 지도영역을 확대하거나 축소 하는 도구를 추가합니다.
zoomsliderControl 옵션의 기본값은 false이며, true로 설정 하였을때 지도에 zoomsliderControl이 생성됩니다.
사용하는 라이브러리는 L.Control.Zoomslider.css, L.Control.Zoomslider.js 입니다.
javascript
var mymap = L.map('mapid', {
zoomControl : false, // 지도의 줌 컨트롤을 비활성화 합니다.
zoomsliderControl: true, // 지도의 줌 슬라이더를 활성화 합니다.
minZoom: 4, // 지도의 최소 줌 레벨을 설정합니다
maxZoom: 18, // 지도의 최대 줌 레벨을 설정합니다
}).setView([37.57747387321504,126.98637485504149], 15).addLayer(osm);
// 줌 슬라이더의 위치를 설정합니다.
mymap.zoomsliderControl.setPosition('topright');