Skill/OpenLayers

[OpenLayers] modify Interaction사용법

진열사랑 2020. 11. 19. 14:49

구현하려는 기능

      기본지도에 관로정보(LINE)를 읽어 GIS지도화면에 보여준다. 

      DB에 누수지점(POINT) 정보를 읽어 GIS지도화면에 보여준다.

      그 중 하나를 선택할 수 있고.

      선택된 점의 위치를 수정한다.

 

순서를 주의한다.

0. selectInteraction생성

1. modifyInteraction 생성

2. snapInteraction 생성

3. 'modifyend'에 대한 hander처리

 

다음은 1~3에 대한 소스

var modify =  gisModule.addModifyInteraction(); // parameter가 없댜면 현재 select된 feature에 대한 수정임.

// Snap interaction추가해야 관로와 Point가 붙는다.
gisModule.removeInteraction('snap');
var snapCollection = new ol.Collection();
snapFeatures.forEach(function(feature) {
	snapCollection.push(feature);
});
gisModule.addSnapInteraction({features: snapCollection});
	
modify.on('modifyend',function(e){
    .....
});