[OpenLayers] Stroke를 여러 개의 색상으로 지정해 그리기

ol에서 폴리라인이나 폴리곤의 외곽선은 Stroke로 지정된 스타일로 그려집니다. 이 글은 하나의 도형에 대해 여러개의 Stroke로 그려주는 방법에 대한 내용을 정리합니다. 하나의 폴리라인에 대해서 3개의 색상으로 표현하는 것을 예로 설명합니다. 먼저 폴리라인의 좌표를 인코딩된 문자열로 다음처럼 표현할 수 있습니다.

위의 좌표는 Geometry 중 Polyline으로 객체화되어야 하는데 아래와 같습니다.

이제 Polyline 객체는 Feature로 객체화되어야 벡터 레이어의 구성요소가 될 수 있는데, Feature 객체화를 위한 코드는 아래와 같습니다.

벡터 레이어의 구성 요소인 Feature 객체를 그릴때 사용하는 스타일로 3개의 서로 다른 굵기와 색상에 대한 객체는 아래와 같습니다.

이제 아래처럼 벡터 레이어 객체를 생성할 수 있습니다.

최종적으로 위의 레이어로 구성되는 지도 객체를 생성합니다.

실행해 보면 아래와 같은 결과를 볼 수 있습니다.

“[OpenLayers] Stroke를 여러 개의 색상으로 지정해 그리기”에 대한 한개의 댓글

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다