지도 플랫폼의 양대산맥 Google Maps Platform vs MapBox, 딜리버리 서비스를 위한 전격 비교!

코로나19 팬더믹이 장기화 되면서 비대면 서비스의 확산은 우리 일상에 큰 변화를 가져다 주고 있는데요. 그중에서도 단연 눈에 띄는 것이 딜리버리 서비스의 눈부신 성장입니다. 통계청에 따르면 국내 딜리버리 시장의 규모는 17조 3828억원으로 전년 대비 78.6% 증가하였으며 최근 3년동안 536%가 증가한 것이라고 합니다. (출처 : 통계청)
이러한 추세는 우리나라뿐만이 아니라 세계적으로도 비슷한 움직임을 보이고 있는데요. 동남아 딜리버리 시장은 그랩푸드·고젝을 비롯해 벙커스잇, 우버이츠 등이 국가별로 과점하고 있습니다. 그 대표적인 예로 저희가 이전에 포스팅했던 말레이시아의 대표적 주문 배달형 서비스 벙커스잇이 있습니다.
그렇다면 미국의 경우는 어떨까요? 미국의 대표적인 딜리버리 서비스로는 도어대시, 우버이츠, 그럽허브, 포스트메이츠 등이 있습니다. 미국 온라인 푸드 딜리버리 시장은 20년 156억달러 규모였으며 2024년까지 꾸준한 성장세가 예측된다고 합니다. (출처:Statista)
이전에 저희는 구글지도 플랫폼의 온디맨드 솔루션의 승차 딜리버리 솔루션을 운송, 딜리버리에 활용할 수 있음을 알려드린 적이 있는데요. 실제로 도어대시에서는 구글지도를 인앱네비게이션에 활용하고 있는 것을 확인할 수 있었습니다.
오늘은 거기서 한발 더 나아가 딜리버리 서비스에서 활용하는 지도 플랫폼의 주요 기능 전반을 간단하게 짚어보는 시간을 가지고자 합니다.

이를 월 평균 10억명 이상의 사용자를 바탕으로, 포춘지 선정 전세계 500대 기업의 70%, 그리고 수천개 혁신적 스타트업의 500만개 이상의 웹사이트와 앱에서 사용되고 있는 Google Maps Platform(이하 Google Maps)과, 월 평균 6억명 이상의 사용자를 바탕으로 전세계 4만5천개 이상의 웹사이트와  앱에서 사용되고 있는 Mapbox와의 비교를 통해 살펴 보도록 하겠습니다.

목차

목차를 클릭하면 이동합니다.

 

 

지도의 밑바탕을 알아 봅시다


배경 지도 비교

고객 또는 배달기사의 위치를 알기위해서는 자신들의 위치를 알 수 있는 배경 지도가 가장 기본이 된다고 볼수 있는데요.
캐나다, 토론토를 기준으로 주변 지도를 살펴보겠습니다.

Google Maps의 경우 도로정보, 지하철역, 인근 식당 등 장소정보에 대한 다양한 POI(관심지점) 정보를 담고 있는 것을 알 수 있었습니다.
또한 작은 도로 까지도 한글로 나타남을 통해 지원되는 언어에 대해 다양한 정보를 제공해 준다는 것을 알 수 있었습니다.

 

동일한 지역에 대하여 Mapbox도 도로 및 관공서, 학교등의 기본적인 정보는 보여주고 있지만 Google Maps 대비, 지역의 상점가, 식당 등 의 POI는 상대적으로 부족한 것을 알 수 있었습니다.
또한 언어 설정을 한국어로 변경하더라도 대학교 및 일부 관공서 등을 제외한 다른 정보들이 한글로 출력 되지 않아 언어의 지원 부분에서 아쉬움을 보여줍니다.

비교 POI 언어지원 도로정보
Google Maps
MapBox
Google Maps의 경우 다양한 장소에 대한 정보를 제공 MapBox 한글 미 지원 두 플랫폼 모두 도로 정보 지원

 

 

지원 언어 비교

각 지도 플랫폼이 지원하는 언어는 어떨까요? 두 플랫폼 모두 다양한 언어를 지원하고 있지만 GMP가 더 많은 언어를 지원하는 것을 알 수 있었습니다.

또한, 맵박스의 경우 특정 맵 스타일에서는 지원 언어의 제약이 있어, 다양한 맵에서의 언어 활용 측면에서 아쉬움을 보여줍니다.

MapBox

Google Maps

Languages
MapBox(13개)

Arabic
Chinese Simplified
Chinese Traditional
English
French
German
Italian
Japanese
Korean
Multilingual
Portuguese
Russian
Spanish

Google(81개)

Afrikaans,         Albanian,         Amharic
Arabic,         Armenian,         Azerbaijani
Basque,         Belarusian,         Bengali
Bosnian,         Bulgarian,         Burmese
Catalan,         Chinese,         Chinese (Simplified)
Chinese (Hong Kong),         Chinese (Traditional)
Croatian,         Czech,         Danish
Dutch,         English,         English (Australian)
English (Great Britain),         Estonian
Farsi,         Finnish,         Filipino
French,         French (Canada),         Galician
Georgian,         German,         Greek
Gujarati,         Hebrew,         Hindi
Hungarian,         Icelandic,         Indonesian
Italian,         Japanese,         Kannada
Kazakh,         Khmer,         Korean
Kyrgyz,         Lao,         Latvian
Lithuanian,         Macedonian,         Malay
Malayalam,         Marathi,         Mongolian
Nepali,         Norwegian,         Polish
Portuguese,         Portuguese (Brazil)
Portuguese (Portugal),         Punjabi
Romanian,         Russian,         Serbian
Sinhalese,         Slovak,         Slovenian
Spanish,         Spanish (Latin America)
Swahili,         Swedish,         Tamil
Telugu,         Thai,         Turkish
Ukrainian,         Urdu,         Uzbek
Vietnamese,         Zulu

Supported Styles
MapBox

streets-v11
outdoors-v11
dark-v10
light-v10
satellite-streets-v9
traffic-day-v2
traffic-night-v2
based on Mapbox v8 styles

No Limit

 

 

 

지도가 담고 있는 정보는 어떨까요


장소정보 비교

그렇다면 이렇게 단순히 지도화면에서 표시되는 POI(Point of Interest, 관심지점)가 아닌 실제로 지도상에서 장소정보를 검색했을 때는 어떨까요?

각각의 맵에서 제공하는 검색기능을 활용하여 나오는 결과를 비교해 보겠습니다.

토론토에 있는 스타벅스를 한번 찾아볼까요? 먼저 Google Maps 입니다. 아래의 동적지도의 ‘Search Box’에 원하는 검색어를 입력하고 ‘지도위치기반검색’을 눌러 봅시다. 결과는 어떨까요?

service.textSearch({ 'query': searchWord }, function (predictions, status, hasNextPage) {

 

Google Maps의 경우 hasNextPage라는 기능을 활용하여, 최대 20개씩 추가로 결과를 가져와 최대 60개 까지 결과를 출력하는 것을 확인할 수 있었습니다.
또한 Google Maps는 특정 지역의 POI 장소를 검색할 때 해당 지역의 키워드를 앞이나 뒤에 붙여주는 것만으로도 검색이 가능했습니다. 예) 스타벅스 강남역, 강남역 스타벅스, toronto starbucks, starbuck toronto

이번에는 Mapbox입니다. 마찬가지로 아래 동적지도 ‘수색’란에 원하는 검색어를 입력하고 좌측 상단의 ‘마커’버튼을 눌러봅시다. 이번에는 어떻게 나올까요?

MapBox의 경우 Google Maps의 hasNext와 같은 기능은 없었으며, limit라는 옵션을 설정 해 최대 10개 까지 결과를 출력하는 것을 확인할 수 있었습니다.

(Google, Mapbox 검색 결과 비교)

 

빠르고 효과적인 길을 알려주는 방법


경유지 최적화 비교

딜리버리 서비스에서 필요한 지도서비스의 기능중에서 핵심적이라고 할 수 있는 것이 바로 최적의 경로를 안내하는 경로 탐색, 그 중에서도 경유지의 최적화입니다.

[Google Maps] 클릭시 동적화면으로 이동합니다

[Mapbox] 클릭시 동적화면으로 이동합니다

경유지 최적화를 통해 계산된 최적의 배송 경로는 비용절감 및 고객만족에도 큰 기여를 할 수 있습니다.

두 지도플랫폼 모두 경유지 최적화를 지원하고 있습니다. Google Maps는 경유지 최대 25개를 지원하며, Mapbox의 경우 최대 10개의 경유지를 지원합니다.

[Google Maps] – 경유지 최적화

[Mapbox] – 경유지 최적화

사용성의 측면에서 보았을 때, Google Maps는 optimization 옵션을 제공하지만, Mapbox는 별도의 optimization API를 이용해야 해서 번거로움이 있었습니다.

directionsService.route({
  origin: document.getElementById("start").value,
  destination: document.getElementById("end").value,
  waypoints: waypts,
  optimizeWaypoints: true,
  travelMode: by
})

아래와 같이 Google Maps는 optimizeWaypoints를 true로 지정함으로서 최적화 기능을 손쉽게 이용할 수 있는 반면,  Mapbox의 경우에는  최적화 경로를 반환하는 별도의 함수에서 직접 경유지 지오코딩,  optimization API를 이용한 최적화 경로 요청, 경로 출력, 경유지 마커 생성의 일련의 과정을 직접 구현해야했습니다.

 

async function optimizedRoute(by) { ...
async function doGeocode(placeName) { ...
function drawline_mapbox(coords) { ...
function addMarkers(features) { ...

 

또 다른 차이점 중 하나는 Mapbox에서는 출발지의 텍스트 직접입력이 불가능하다는 점입니다. 예를 들어 “여의도 동화빌딩” 의 텍스트 쿼리를 이용할 수 없어서, 직접 지오코딩을 통해서 텍스트를 좌표로 변환해서 사용해야했습니다.

 

 

실시간 교통 정보 반영 비교

Google Maps와 Mapbox  모두 실시간 교통정보 반영한 경로 탐색을 지원하고 있습니다.

[Google Maps] – 오후시간과 퇴근시간

[Mapbox] – 오후시간과 퇴근시간

Google Maps의 경우 최대 25개(출발, 도착지 포함)의 경유지에 대한 실시간 교통정보를 반영한 경로를 안내하지만, Mapbox는 실시간 교통정보를 반영한 경로 탐색 시 최대 3개(출발, 도착지 포함)의 경유지에 대해서만 안내를 지원합니다.

 

 

경로 탐색 비교

아래 표는 경로 탐색 기능에 대해 두 플랫폼을 비교한 내용입니다.

비교 전체경로거리,시간 이동수단 턴바이턴
Google Maps
MapBox
Google Maps의 경우 언어,
경로의 거리와 시간의 단위 및 형식을 자동 변환
Google Maps의 경우 대중교통 길찾기 지원 Mapbox 플러그인에서는 턴바이턴 출력 UI 제공

 

 

딜리버리 서비스에 필요한 지도 플랫폼


효과적인 딜리버리서비스를 위해서는 지도 플랫폼의 고객의 위치와 배송지의 정보를 파악할 수 있는 기능, 기사에게 배달할당을 위한 거리계산, 경로안내 등의 기능이 필수적입니다.

이를 각 요소별로 살펴보자면,

배경지도의 측면에서는 기본적으로 표시되는 기본적인 장소정보의 질과 양이 중요하며, 글로벌 서비스를 위해서는 다양한 언어를 지원하는 것 또한 강점이 될 수 있습니다.

위치정보와 배송지 정보의 파악을 위해서는 해당 POI(관심지역) 정보를 검색할 때, 원하는 결과 값을 빠르고 쉽게 찾을 수 있는지 그리고 그 결과 값이 얼마나 풍부한지가 중요하다고 볼 수 있습니다.

최적의 배달할당, 배송지와의 경로안내를 위해서는 지정한 경유지를 최소한의 시간과 비용으로 도달할 수 있도록하는 경로 최적화, 한번에 많은 배송을 처리할 수 있도록 도와주는 설정 가능한 최대 경유지 수 그리고 출퇴근 시간이나, 교통정체 등 실시간 교통정보를 반영한 경로안내가 가능한지가 중요요소라고 할 수 있습니다.

지금까지 설명한 두 지도 플랫폼 모두 위와 같은 딜리버리 서비스에 필수적인 기능을 제공하고 있습니다. 다만 그를 실제로 적용하여 활용하였을 때 편의성이나 지원범위의 경우에는 다소 차이가 있음을 알 수 있었습니다.

 

비교 배경지도 지원언어 장소정보 경유지최적화 실시간교통정보 경로탐색
Google Maps 기본정보 외 다양한 POI 정보 제공 81개 언어지원, 작은 도로까지 한글화 POI 최대 60개 출력, 단어 조합 검색 가능 최대 25개 경유지 최적화 지원 실시간 교통정보반영
(경유지 최적화 최대 25개 지원)
경로거리, 시간 단위 형식 자동 변환 지원,대중교통 길찾기 지원,턴바이턴안내 지원
MapBox 도로, 관공서 등 기본 정보 제공 13개 언어 지원, 상세정보 한글화 안됨 POI 최대 10개 출력 최대 10개 경유지 최적화 지원 실시간 교통정보 반영
(경유지 최적화 3개까지 지원)
경로거리, 시간 단위 형식 자동변환 미지원,대중교통 길찾기 미지원,턴바이턴안내 지원

 

 

 

SPH는 Google Maps, SuperMap, Maxar Technologies 등 다양한 케이스에 존재하는 다양한 제품군을 보유하고있는 고객의 사례에 꼭 맞는  무료 세미나 및 인적 컨설팅을 제공하고 있습니다. 각 케이스에 더욱 자세한 이야기를 나누고 싶으시다면,  여기 에서 문의 주시길 바라며, SPH에서 발행하는  GIS / 로케이션인텔리전스 관련 최신 소식 을 받아보고 싶으신 분들은  페이스북 페이지  또는  뉴스레터 를 구독 해 주시길 바랍니다. 감사합니다.