OSM 지도

기본적으로 제공되는 OSM 객체를 VectorLayer에 적용하여 OSM 지도를 생성합니다.

V-World 지도

임의의 타일 레이어를 적용하여 다양한 지도를 생성합니다. 국가에서 제공하는 V-World 타일맵을 예시로 적용하였으며, XYZ 기반의 타일맵이라면 동일한 방법으로 활용이 가능합니다.

맵 정보

지도의 좌표계, 바운더리 등, 여러 정보를 추출하고, 이를 별도의 패널에 표시하는 지도를 생성합니다.

지오로케이션

브라우저의 Geolocation API를 활용하여 현재 경위도 위치를 구하고, 해당 위치로 이동할 수 있는 지도를 생성합니다. 우측 상단의 버튼을 클릭하여 현재 위치로 이동할 수 있습니다.

맵 피쳐

지도에 상호작용 가능한 객체인 Feature를 생성, 삭제할 수 있는 지도를 생성합니다. 스페이스바를 눌러 지도의 중앙에 마커를 생성합니다. 이미 마커가 있을 경우, 삭제합니다.

WFS

GeoServer를 통해 세종시 도로명주소 데이터를 지도에 표시하는 지도를 생성합니다. WFS의 GetFeature API를 사용하며, 지도에 Feature로 데이터를 표시합니다.

WMS

GeoServer를 통해 세종시 도로명주소 데이터를 지도에 표시하는 지도를 생성합니다. WMS의 GetMap API를 사용하며, 지도에 이미지로 데이터를 표시합니다. Tile, Image 두 방식을 선택할 수 있습니다.

맵 피쳐 상호작용

WFS 지도의 Feature에 클릭, 호버와 같은 상호작용이 추가된 지도를 생성합니다.

WFS를 활용한 팝업

WFS 지도에서 Feature 클릭 시, 해당 Feature의 정보 팝업이 나오는 지도를 생성합니다. Overlay 객체를 통해 클릭한 Feature의 정보를 받아 표시합니다.

WMS를 활용한 팝업

WMS 지도에서 빌딩 클릭 시, 해당 빌딩의 정보 팝업이 나오는 지도를 생성합니다. Overlay 객체를 통해 클릭한 Feature의 정보를 받아 표시합니다. WFS와 달리, 객체가 아닌 이미지이므로, 클릭 시 WMS의 GetFeatureInfo API를 사용하여 정보를 받아옵니다.

WFS-T 삽입

WFS의 Transaction 기능을 활용하여 도형을 추가할 수 있는 지도를 생성합니다. 우측 상단의 버튼 클릭 시, 원하는 도형을 그리고 정보를 입력하면 해당 도형이 데이터베이스에 추가됩니다.

WFS-T 수정

WFS의 Transaction 기능을 활용하여 도형을 수정할 수 있는 지도를 생성합니다. 지도를 클릭하고, 이미 그려진 도형의 모양이나 정보를 수정할 수 있습니다.

WFS-T 삭제

WFS의 Transaction 기능을 활용하여 도형을 삭제할 수 있는 지도를 생성합니다. 도형을 클릭하고 삭제할 수 있습니다.

클러스터맵

전국 스타벅스 위치 정보를 활용하여 클러스터 맵을 생성합니다. 많은 객체를 표시할 경우, 이를 압축하여 보여줄 수 있습니다.

히트맵

전국 스타벅스 위치 정보를 활용하여 히트맵을 생성합니다.

WebGL을 활용한 맵

전세계 도시 위치 정보를 활용하여, WebGL 지도를 생성합니다. WebGL 레이어는 기존 레이어보다 훨씬 많은 데이터를 표시할 수 있습니다. 지도에서 WebGL, Vector 레이어를 선택하여 성능 차이를 비교할 수 있습니다.