리플렛에서는 다각선, 다각형, 사각형, 원, 마커 도형을 그릴 수 있으며, 편집기능과 삭제기능을 제공합니다.
사용하는 라이브러리는 leaflet.draw.css, leaflet.draw-src.js 입니다.
javascript
// 레이어 그룹을 생성하여 지도 영역에 추가합니다
var drawnItems = new L.FeatureGroup();
mymap.addLayer(drawnItems);
// 그리기 컨트롤을 생성하여 지도 영역에 추가합니다
var drawControl = new L.Control.Draw({
edit :{
featureGroup : drawnItems
}
});
mymap.addControl(drawControl);
// 컨트롤러의 위치를 설정합니다.
drawControl.setPosition('topright');
// 선택한 레이어(선,다각형,사각형,원,마커)를 그린 후 지도 위에 생성
// layerType : polyline, polygon, rectangle, circle, marker
mymap.on('draw:created',function(e){
var layer = e.layer;
drawnItems.addLayer(layer);
});