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

This study implemented an interactive animated map service using HTML5 Canvas and WMS time dimension information. We can use the service without web browser plugins. Then the service supports multi platforms. We can get sequential map images using WMS time dimension information. We can isplay animated maps and control dynamic variables such as duration, display date, order using HTML5 Canvas. In conclusion, HTML5 Canvas and WMS fully support the functions to implement mobile web based interactive animated map service.

요약
 Abstract
 I. 서론
 II. 관련기술 및 사례 검토
  1. 애니메이션 지도
  2. HTML5 Canvas
  3. WMS 시간 차원
 III. 설계 및 구현
  1. 사례 자료
  2. 서비스 구조
  3. 애니메이션 지도 제작
  4. 동적 변수와 애니메이션 컨트롤
  5. 시간 범례
  6. 구현 환경
  7. 사례 적용 결과
 IV. 검토 및 고찰
 V. 결론 및 논의
 참고문헌

• 안재성(경일대학교 위성정보공학과 조교수) | Jae-Seong Ahn