웹 지도 서비스는 사용자가 원하는 장소에 대한 지리적 정보뿐만 아니라 그와 연계된 다양한 컨텐츠를 함께 제공해주고 있다. 예를 들어, 지도에 일자리 정보를 지도위에 표현해주기도 하며, 최근 보급화 된 스 마트폰을 이용해 사용자가 찍은 사진을 지도 위에 매쉬업하여 공유하기도 한다. 이처럼 지도 서비스는 하 나의 컨텐츠가 아니라 다양한 컨텐츠를 수용할 수 있는 플랫폼으로 인식하여 단순히 지리정보뿐만 아니라 2차, 3차의 새로운 분야에서 활용되기도 한다. 그 중 네이버와 다음지도는 날씨, 교통, 주변검색과 같이 국내 다양한 생활 정보를 포함하고, 구글지도는 전 세계 지도와 구글어스라는 3차원 지도를 이용할 수 있 다는 특징을 가진다. 본 연구에서는 공간정보를 지도에 표출하는데 소요되는 시간을 최소화하기 위한 가시화 알고리즘을 제 안한다. 알고리즘은 사용자가 필요로 하는 영역의 데이터를 질의하여 표출하는 방법으로, 초기 데이터 구 성, 줌 레벨 탐지/공간질의, 클라이언트 이벤트체크, 표출 데이터 확장의 총 네 가지 단계로 구성된다. 가시화 알고리즘을 적용한 결과는 <그림 1>과 같다. 그림 1의 (a)는, 초기 데이터를 지도 위에 표출한 것이다. (b)는 사용자의 움직임 이벤트가 발생되는 화면이며, (c)와 같이 초기 데이터 외의 붉은색 라인의 일부 영역을 질의해 표출한다. 그 후에 움직임으로 인해 추가 영역이 발견되면 (d)와 같이 (c)에서의 붉은 색 영역 부분 외의 데이터를 표출하게 된다. 이와 같은 과정이 움직임 이벤트 감지로 인해 반복되어 가시 화 된다. 그결과 <표 1>과 같이 일반적인 가시화 방법에서는 서울시 범위의 약 2만개의 도로 데이터를 표 출하는데 27.88초가 소요되는 반면 본 연구에서의 가시화 알고리즘을 이용하면 매 질의와 표출에 0.84~1.6초 정도 소요된다. 본 연구에서 제안한 알고리즘을 적용했을 경우 원하는 영역만을 질의해 표출하기 때문에 일반적인 방 법에 비해 빠른 표출 결과를 나타낼 수 있었다. 이로 인해 지도 서비스에 있어 다양한 공간정보를 지도 위에 표출하는데 도움이 될 것으로 기대된다.

이 연구에서는 동적 애니메이션 지도 제작을 위해 HTML5 Canvas와 OGC의 WMS 시간 차원 정보를 활용하였다. 동적 애니메이션 지도는 플러그인 없이 구동이 가능하기 때문에 플랫폼에 독립적인 특징을 가진다. WMS 시간 차원 정보는 사용자가 연속적인 지도 정보를 전송 받을 수 있는 기능을 제공한다. HTML5 Canvas로는 애니메이션 지도를 표출하고, 지속시간, 시점, 순서와 같은 동적 변수를 조정할 수 있는 컨트롤 구현이 가능하였다. HTML5 Canvas와 WMS는 모바일 웹 기반의 동적 애니메이션 지도 제작을 위한 기능적 요구 사항을 충분히 지원하는 것으로 평가된다.