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

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

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

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

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

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

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

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

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

    1. 안녕하세요, 김형준입니다.
      좌표로 구성된 문자열에 대한 인코딩으로 알고 있습니다.
      관련 자료는 구글링해 보시기 바랍니다.

댓글 남기기

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