티스토리 뷰

개발

JS 지도표현 라이브러리 비교

하은_Haeun 2021. 3. 9. 13:49

개요

어플리케이션에 지도를 추가해야 한다면 가장 먼저 고려해볼만한 사항중 하나는 "어떤 맵 라이브러리를 사용할 것인가?" 하는것이다. 특히 웹 어플리케이션에서 절대적인 생태계를 갖고있는 Javascript 의 지도와 관련된 Library중에서 일반적으로 사람들에게 많이 알려지고 사용되는 것은 Leaflet, Mapbox, Openlayers이다. 일반적으로 한국에서는 Openlayers를 선호하는 경향이 있다.

추세 및 통계

  • npm 패키지 다운로드 횟수 그래프
💡
각자의 개발 생태계가 존재하고, 한쪽이 급락하고 다른 한쪽의 사용량이 오르는 등의 이동현상은 보이지않는다. openlayers의 사용량이 꾸준히 증가하고있는점을 확인 할 수 있다.
  • 최근 2년간 OpenLayers의 사용량 통계 그래프
  • Github 통계
💡
Github의 통계는 해당 라이브러리의 관련 레퍼런스가 얼마나 존재하는지와 밀접한 관련있다고도 할 수 있다. 결국 demo와 공식문서만으로는 어플리케이션을 개발하는데 부족하다면, github등에서 다른 개발자의 repository를 살펴보아야 하기 때문이다.

StackShare 비교

leaflet

  • 가볍다
  • 무료
  • 다양한 플러그인 모듈
  • 많은 레퍼런스
  • 쉬운 API사용
  • 간편한 지도제공자 선택
  • Google 지도 대체가능

mapbox

  • Google 지도 이외의 최상의 맵서비스라는 평판
  • 유동적인 사용자 경험
  • 확장성
  • 3D레이어 지원
  • 로우레벨 API
  • 고객지원
  • 사용자 정의 테마
  • 높은 데이터 볼륨 렌더링
  •  

 

openlayers

  • 유연함
  • 포괄적이고 다양한 지원
  • 오픈 소스
  • 로우레벨 API
  • 비교적 레퍼런스를 찾기쉬움
  • 간편한 지도 제공자 선택
  • 확장기능

 

 

 

 

 

 

 

https://stackshare.io/stackups/leaflet-vs-mapbox-vs-openlayers

 

댓글