시공간 데이터의 대화형 웹 지도 구현

Abstract

월드와이드웹은 정보의 공유 및 확산을 가속화시켰으며, 지도 제작과 이용 측면에서도 상당한 변화를 불러일으켰다. Map Open API를 통해 다양한 웹 지도의 제작 및 공유가 가능해진 것이 가장 대표적인 변화이다. Map Open API는 상용 소프트웨어의 구매나 ActiveX 등의 설치 없이 시공간 데이터의 시각화를 가능하게하며, 지도와 사용자간의 인터랙션을 통해 정보를 탐색할 수 있는 대화형 시각화 기법을 추가할 수 있는 환경을 제공한다. 그렇지만 웹 지도 역시 실제 세계를 축소, 추상화시킨 것이기 때문에 지리적 시각화의 기본 원리들이 필수적으로 고려되어야 한다. 특히 벡터 데이터의 경우 표현되는 점, 선, 면 사상에서 지도학적 기호화 원리를 고려해야 한다. 이에 본 연구는 발전하는 웹 환경에 발맞추어 오픈소스를 기반으로 한 QGIS와 Mapbox GL JS를 이용하여 대화형 웹 지도를 구현하였다. Mapbox GL JS는 상용 소프트웨어의 구입이나 ActiveX 등의 추가 프로그램의 설치가 필요하지 않아 시공간의 제약 없이 누구나 벡터와 래스터 포맷의 공간 정보를 시각화 할 수 있다. 이러한 점들을 바탕으로 본 연구에서는 그간 많이 진행된 Google Map API가 아닌 Mapbox GL JS를 기반으로 새로운 웹 지도 시각화를 구현하였다. 또한 단순히 JavaScript의 코딩을 통해 시공간 데이터를 웹 지도로 구현한 것이 아니라 지도학적 기호화 원리를 바탕으로 사용자의 기호 선택이 가능하도록 하였다. 각 사상에 따른 기호화 원리를 제공하며, 사용자의 기호 선택에 따라 범례가 변경되는 웹 지도를 구현하였다. 구체적으로는 대화형 확대·축소, 팝업, 필터링, 재구성, 시계열 데이터의 시각화 기능을 제공하였다. 이를 통해 사용자가 지도의 공간 정보를 조작할 수 있게 하였고 특히 필터와 시계열 기능을 통해 사용자 요구를 반영한 의미 있는 시각화가 가능하도록 하였다. 본 연구는 특정 상용소프트웨어에 구애받지 않는 오픈소스 기반의 대화형 웹 지도 구현을 통해 공간 정보를 시각화 하였다는 점에서 의미가 있다. 또한 본 연구는 Mapbox GL JS를 통해 대화형 웹 지도의 기본적인 기능을 구현한 것으로 향후 고차원적인 분석 및 시각화를 위한 연구가 필요할 것이다.|The advent of the World Wide Web has accelerated the sharing and spreading of information, and has also brought about tremendous changes in map manufacturing and its usage. The most outstanding change is the ability to create and share various web maps through Map Open API. The Map Open API enables the visualization of space-time data without the purchase of commercial software or the installation of ActiveX and provides an environment for adding interactive visualization techniques to search for information through interaction between maps and users. However, because web map is also a reduction and abstraction of the real world, the basic principles of geographic visualization must be considered. Particularly, in the case of vector data, it should consider the principle of cartographic symbolization on points, lines and polygons being described. In this study, I developed an interactive web map using open source based QGIS and Mapbox GL JS. Mapbox GL JS does not require the purchase of commercial software or the installation of additional programs such as ActiveX, so anyone can visualize spatial information in vector and raster formats without any time and space constraints. Therefore, in this study, new web map visualization is implemented based on Mapbox GL JS rather than Google Map API that has been used a lot. In addition, it is possible to select a symbol based on the principle of cartographic symbolization, rather than simply embodying the spatiotemporal data as a web map through the coding of JavaScript. It provides principles for cartographic design according to each mapping and implements a web map that changes the examples according to user's symbol selection. Specifically, it provided interactive enlargement or reduction, popup, filtering, reconstruction, and visualization of time series data. This allows the user to manipulate the spatial information of the map. In particular, it enables meaningful visualization reflecting the user's needs through the filter and time series function. This study is meaningful in that spatial information is visualized through the implementation of open source based interactive web map not being disturbed by specific commercial software. To summarize, it implemented the basic functions of interactive web map through Mapbox GL JS and will carry out research for high-level analysis and visualization in the future.