[OpenLayers] 맵 마커 삭제(point, polygon)

---

이전 관련 게시글

2023.01.27 - [eclipse/OpenLayers] - [openlayers] 지도 맵 띄우기

2023.02.13 - [eclipse/OpenLayers] - [OpenLayers] 맵 마커 띄우기(point, polygon)

맵에 띄어진 feature들을 삭제합니다.
만들어진 feature을 눌렀을 때 alert창이 띄워지고 삭제하는 방법입니다.

 

---

결과 화면

---

개발 코드

1. Feature 선택할 수 있도록 선언

삭제를 하기 위해서는 feature를 선택해야합니다.

선택을 위해 먼저 intercation.Select를 선언합니다.

 

2. 객체 선택 및 탐지 

63줄 : map위에서 pointerMove 이벤트가 발생할 때, 
64줄 : 선택된 객체의 속성을 가져옴

 

순서 

1. map 위에 마우스 움직임 감지
2. 객체 탐지 (layer와 vector가 같을 때)
3. IF문으로 Feature가 있을 때 기존에 있는 DrawInteraction 지우고 SelectInteraction 추가
3-1. 선택 객체가 있으면 item(0)번째 뽑아 vector를 remove후 clear
4. 없으면 SelectIntercator를 지우고 Draw로 변경

나머지는 주석으로 처리가 되어 있기 때문에 생략하겠습니다.

 

3. 함수 호출

이벤트 변경이 있는 구간에 마지막으로 함수 호출 할 수 있도록 pointMap을 추가합니다.

----
openlayers의 라이브러리와 지원 문서는 아래에 있는 주소에서 도움받아 제작하였습니다.

https://openlayers.org/en/latest/apidoc/

OpenLayers v7.2.2 API - Index