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){
.....
});