본문 바로가기

「openlayers.js」지도편집 라이브러리

by Recstasy 2022. 1. 16.

 

My Map

 

 

 

 openlayers.js는 위와 같은 지도를 생성하고, 지도 위에 데이터를 표시하는 '맵 차트' 라이브러리다. 체감상 openlayers.js로 제작한 맵관련 기능은 상당히 빠르고, 제작이 간편하다. 게다가 지도를 확대할수록 openlayers.js의 정확도가 뛰어나다는 사실까지 확인할 수 있다.

 

 

 

OpenLayers - Welcome

A high-performance, feature-packed library for all your mapping needs.

openlayers.org

 

 

 

openlayers.js는 맵 차트에 특화된 기능을 제공한다. 그 중에서도 상당히 놀라운 점은 아래와 같이 사용자의 반응을 지도위에 표현하는 기능과 애니메이팅 속도이다. 

 

 

 

반응형 맵차트를 제공하는 라이브러리는 존재하지만 openlayers.js와 같이 GUI기반으로 데이터를 표현할 수 있는 경우는 흔치 않다. 설사 구현하더라도 속도가 느리다. 대부분 맵차트 라이브러리는 엑셀 파일과 같은 테이블이 존재하고, 사용자가 입력한 숫자를 지도위에 표시하는 수준이다. 하지만 openlayers.js는 webgl기반에서 완벽하게 GUI 랜더링을 구현한다. 

 

 

https://openlayers.org/workshop/en/vectortile/interact.html

 

위의 Workshop페이지에서 맵 차트와 GUI 관련된 메서드를 확인할 수 있다. 제작자가 일방적으로 데이터를 보여주는 방식이 아닌 사용자의 반응이 중요한 프로젝트라면 openlayers.js는 상당히 유용하다.

댓글

최신글 전체

이미지
제목
글쓴이
등록일