[ESG경영] 환경을 생각한다면? Google Maps가 제안하는 3가지 서비스

Google Maps가 제안하는 3가지 친환경 서비스

친환경 길안내, 라이트 내비게이션, 자전거/스쿠터 정보 공유

 

최근 기업 경영의 가장 핫한 키워드는 단연 ESG 경영일 것으로 생각됩니다. ESG 용어는 ‘UN 책임 투자 원칙에서 처음 등장하였는데요. ESG Environment(환경), Social(사회), Governance(지배 구조) 의미하며 기업의 비재무적 성과를 측정하는 지표가 되곤 합니다.

 

이러한 ESG 경영에 맞춰 많은 기업들도 환경에 대해 관심을 가지며 친환경 전략을 선보이고 있는데요! 특히, 국제에너지기구에 따르면 수송 부문에서 발생하는 탄소 배출량은 전체의 20%가량 차지하고 있으며, 70% 이상이 자동차가 포함된 도로 교통에서 발생하고 있습니다.

이에 한국교통연구원의 김찬성 선임연구위원 친환경 교통수단으로 탄소 배출 저감의 필요성을 강조하며, 수소•전기 신재생 에너지 친환경 모빌리티를 이용한 교통수단의 성장을 독려하고자 다양한 정책을 펼쳐야 한다고 주장했습니다. 현대자동차그룹의 역시 탄소 저감 대책인 탄소 중립 로드맵 백서 발표하였고 이에 따르면, 2025 이후 제네시스 신규 차종을 전면 전동화하고 2035년엔 100% 전동화 전환을 추진할 계획이라 밝히며 현대자동차 그룹만의 친환경 전략을 발표하였습니다.

이처럼 도로 교통에서 발생되는 탄소 발생량을 줄이기 위해 많은 기업들이 뜻을 모으고 있는데요! Google ESG 경영 전략 중 하나로친환경 안내 경로옵션을 제공하게 되었습니다 😆

 

 

친환경 라우팅 🚗

이처럼 Google Maps는 목적지 안내 연료 소비를 낮추는 최적화 경로를 안내하여 연료비도 절약하고, 환경도 생각한 새로운 경로 모델을 선보였습니다. 미국 에너지부 산하 국립 신재생에너지연구소(National Renewable Energy Laboratory) 자료를 활용하여 연료 소비, 경사로, 교통체증 등의 요소를 측정하여 환경에 가장 해로운 길로 파악한 사용자에게 안내하는데요! 현재 미국에서 Android iOS에서 친환경 라우팅을 제공하고 있으며, 2022년에는 유럽 지역으로 확장할 계획이라고 밝혔습니다. 또한, Google 친환경 라우팅을 통해 무려! 연간 백만 이상의 탄소 배출량을 줄일 있을 것으로 기대됩니다. 👍

 

 

위와 같이 일반 찾기와 함께 친환경 찾기가 안내하는데요! , 어플의 기본 설정이 그대로 유지되기 때문에 많은 사용자가 루트를 확인할 있고, 본인의 의사에 따라 친환경 찾기를 자유롭게 선택할 있습니다. 2분의 시간을 들인다면, 10% 연료를 줄일 있어 여러분의 주머니도, 지구도 지킬 있네요! 여러분은 어떤 선택을 하실 건가요

 

서비스는 자전거나 기차 다양한 교통수단별 탄소 배출량 정보를 제공하며, 머신러닝 기술을 통해 사용자가 자주 이용하는 교통수단을 예상하여 우선적으로 보여줍니다.

 


자전거 이용자를 위한 라이트 내비게이션! 🚴‍♀️

지난 1 동안 지도에서 자전거 찾기 사용이 최대 98% 증가하며 자전거 찾기의 수요가 증대하였다는 것을 있었습니다. 자전거를 타는 대부분의 사람이 자전거를 핸드폰을 확인하기 어렵기 때문에 시각적 지시로 목적지에 이를 때까지 계속해서 방향을 안내하는 바이 내비게이션에 들어가고 싶지 않을 텐데요. 라이딩 시에 편하게 이동할 있도록라이트 내비게이션기능을 도입하여 라이더를 독려하였습니다.

라이트 내비게이션은 도착 예정 시간인 ETA를 실시간으로 업데이트하며, 경로의 고도까지 있어 라이딩 코스를 한눈에 파악할 있습니다. 기능은 빠른 시일 내에  Android iOS에서 만나보실 있습니다.

 


 

ESG 경영이 각광받으며 함께 떠오르는 키워드인공유경제’! 공유경제는 합리적인 소비생활을 제공하여 경제 시스템에 대한 대안이자 지구의 한정된 자원을 공유함으로써 환경 문제도 해결하는 대책으로 주목받고 있어 ESG 경영 전략이 되기도 합니다. 이러한 공유경제 아이템도 Google Maps 이용하면 편리하게 이용할 있다고 합니다.

 

자전거와 스쿠터 공유 정보 : 이제 300개의 도시에서🛵

한국에서도 번화가를 거닐다 보면 공유 전동 킥보드를 쉽게 있는데요! 해외에서도 이러한 공유, 렌탈 서비스가 널리 이용되고 있습니다. Google Maps 이러한 공유 자전거, 스쿠터의 실시간 대여 가능 여부와 목적지 근처의 주차 정보를 알려줍니다. 미국에 본사를 Bird and Spin 유럽에 기반을 Donkey Republic, Tier, Voi 같은 모빌리티 파트너 덕분에 서비스를 300개의 도시에 제공할 있게 되었습니다. 이처럼 Google 다양한 파트너와 함께하여 나은 서비스를 제공합니다. 🙌

 

Google Maps 친환경 길안내와 자전거 찾기, 공유 플랫폼과의 협업을 통해 친환경 교통수단을 편리하게 이용할 있도록 돕고 있습니다. 아쉽게도 오늘 소개드린 친환경 라우팅과 라이트 내비게이션은 Directions API를 이용할 수 있는 국가만 해당되므로 지도 데이터 반출이 불가능한 국내에선 해당 기능을 바로 만나긴 어려울 것으로 보입니다. Directions API 국내 사용에 대한 좋은 소식이 있다면 SPH가 가장 먼저 안내드리도록 하겠습니다! 앞으로도 환경을 지키는 편리한 서비스를 기대해 봅니다.

 

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

 

구글지도와 삼성전자가 제공하는 스마트한 찾기 경험

잃어버린 휴대폰, 스마트하게 찾는 방법!

Google Maps Platform과 삼성전자 SmartThings를 활용하자

 

지금 여러분의 휴대폰은 어디에 있나요? 많은 분들께서 몸에 지니고 있거나, 손이 닿을 거리에 있을 것이라고 예상됩니다. 휴대폰에 대한 의존도가 높아진 요즘, 많은 분들께서 Nomophobia 증후군(휴대폰이 없을 때 불안을 느끼는 증상)을 겪고 계십니다.

 

이렇게 의존도가 높은 휴대폰, 만약 분실한다면 어떨까요?

핸드폰을 분실한다면, 각종 서비스에 참여가 어렵다는 불편함을 넘어서 카드 결제 정보, 주소록 등을 비롯한 수많은 개인 정보가 범죄에 악용될 수 있고, 경제적 손실을 입을 수도 있습니다. 이런 분실의 경험을 막기 위해 많은 휴대폰 제조사가 휴대폰을 찾는 서비스를 제공하고 있습니다.

 

삼성전자는 2011년부터 ‘Find My Mobile’이라는 웹서비스를 제공하였습니다. 사용자는 이 서비스를 통해 잃어버린 기기의 위치를 확인하고, 혹시 전원이 꺼졌다면 마지막 위치를 확인할 수 있었습니다. 또한, 인터넷에 기기가 연결되어 있다면 링(Ring)이 울리고, 분실 메시지를 세팅하며 적극적으로 사용자가 기기를 찾을 수 있도록 도왔습니다. 

2020년, 갤럭시 워치, 갤럭시 버즈 등 다양한 기기들이 생겨나며 ‘Find My Mobile’ 서비스를 진화시켰습니다. Google Maps Platform을 이용한 새로운 서비스 ‘SmartThings Find’를 론칭했습니다. 

‘Find My Mobile’과 ‘SmartThings Find’의 차이를 보자면, ‘Find My Mobile’은 위치를 보여주고 링을 울렸습니다. ‘SmartThings Find’는 ‘내 근처 탐색’ 기능이 추가되어 BLE(블루투스 저전력 프로토콜, Bluetooth Low Energy) 신호를 기반으로 기기와 사용자가 가까워지면 BLE 신호가 세지면서 게이지가 올라가는 것을 시각적으로 확인할 수 있습니다. 또한, UWB(초광대역, Ultra-wideband) 신호를 활용해 방향과 거리를 확인할 수 있습니다. 

 

Google Maps Platform을 활용한 찾기 솔루션을 기획하며 착안한 것은 에빙하우스의 망각 곡선입니다. 이에 따르면, 새로운 지식을 습득한 후 20분이 지나면 58%, 9시간이 흐르면 36%만 기억한다고 합니다. 퇴근 후 자동차 키를 평소에 두던 곳이 아닌 곳에 두면 다음 날 자연스럽게 망각하게 되고, 이렇게 잘못 놓인 물건을 찾는데 하루에 5분 이상의 시간을 소요하는 사람이 무려 70% 정도 된다는 것을 알게 된 삼성전자는 사용자를 위해 할 수 있는 방법이 무엇인지 생각해 보게 되었습니다. 

 

이러한 니즈를 충족시키기 위해 만들어진 제품이 바로 ‘갤럭시 스마트태그’입니다. 우선, 갤럭시 스마트태그를 관련한 재밌는 2가지 영상을 준비했습니다. 시청해보세요!

 

첫째, 잃어버린 물건의 위치를 보는 것입니다. 근거리에서 분실했다면 BLE 파인더를 이용해 위치 찾고 링을 울려 물건을 찾도록 돕습니다. 원거리라면, 오프라인 찾기 기술을 이용하여 오프라인 찾기 기능을 켠 유저에 한해 Find Node를 작동합니다. 갤럭시 스마트태그가 BLE 신호를 내보내고 Find Node가 인식하면 이를 SmartThings 서버로 올리고 정보를 소유주에게 전달합니다. 이때, 물건까지 찾아갈 수 있도록 Google Maps를 활용해 *내비게이션을 제공하며 근처까지 간다면 ‘내 근처 탐색’ 기능을 이용하여 BLE 파인더로 물건을 찾게 됩니다.

 

둘째, SmartThings의 IoT 제품을 제어하는 기능을 가집니다. 갤럭시 스마트태그의 버튼을 이용해 조명, 전자제품 등을 켜고 끌 수 있습니다. 또한, 지오펜스(지역 울타리, Geofence)를 설정하여 자동화 작업이 가능합니다.

 

Google Maps Platform은 삼성전자의 이러한 찾기 기술과 접목하여 지도상에 위치를 나타내고, 가장 빠른 길로 내비게이션 기능을 제공합니다.

 


 

오늘 소개해드린 IoT에 결합된 Google Maps Platform은 어떠셨나요?

 

관련 내용이 자세하게 담긴 세미나 자료가 궁금하다면, 클릭해주시기 바랍니다.

 

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

 

*구글 내비게이션 기능 지원 국가에서만 가능합니다.

Google Maps의 ‘온디멘드 라이딩 및 배송 정보 제공 솔루션’은 오토바이 전용 루트가 따로 있다?!

‘실시간 라이딩 및 배송 정보 제공 솔루션’이 어떻게 오토바이 경로를 포함하여 실시간으로 위치에 대한 정보를 향상시켰을까요?

🧚‍♂️  ‘실시간 라이딩 및 배송 정보 제공 솔루션’은 매 순간이 중요합니다. 음식을 주문할 때 또는 탈 것을 예약할 때 고객이 원하는 것은 실시간으로 제공되는 정확한 업데이트 정보 입니다. 

✅  이처럼 실시간으로 제공되는 경로, 위치정보는 Google Maps Platform의 Directions API의 활용이 필수적입니다. 이전에 소개 해드린 Directions API 새로운 기능과 해외 활용사례를 참고해주시는 것도 좋겠습니다.   

 

Google은 작년에 실시간 라이딩 및 배송 정보 제공 솔루션 런칭했습니다. 이 기술이 어떻게 기존의 서비스와는 다르게 위치, 시간 및 거리 정확도 그리고 오토바이 경로등에 대한 데이터를 향상시켰는지 알아보겠습니다. 

머신러닝으로 향상된 위치 정확도

모바일에서 오는 위치신호가 여러 가지 이유로 전달이 안되는 경우가 있고 운전자의 위치가 실제 위치에서 벗어나 있는 경우가 있습니다. 

최근에 Google은 특정 차량이 가장 신뢰할 수 있는 위치 정보를 다중 위치 신호에서 분리했습니다. 이를 통해 다음을 향상시켰습니다:

  • 장시간의 위치 ‘고착 (Stuck)’의 제거 일반적으로 차량은 움직였지만, 측정된 차량의 위치가 변화가 없을 때, 차량은 ‘고착’상태에 있는 것으로 간주됩니다.
  • 위치 신호의 ‘점프 (Jump)’를 52~86% 감소 위치 신호의 ‘점프’는 차량이 급격한 위치 변화를 보였을 때, 즉 차량이 이동한 거리를 커버하기 위해 이동해야하는 속도가 비현실적일때 발생합니다.
  • 평균 ‘점프 (Jump)’ 거리 44% ~ 86% 감소 ‘점프’ 거리는 위치 신호의 ‘점프’가 발생했을 때 ‘점프’한 위치사이의 거리를 뜻합니다.

 

인도 현지 전자상거래 플랫폼인 Dunzo는 Google 온디멘드 라이딩과 배송 솔루션을 이용하여 고객지원 통화량을 90%줄였습니다. ‘점프’신호와 ‘고착’에 대한 정의를 다르게 하여 더 정확도 높은 위치정보를 고객에게 제공하기 때문입니다. 

Dunzo가 ‘실시간 라이딩 및 배송 정보 제공 솔루션을 사용하여 고객 만족도를 향상시킨 사례

 

 

라이더의 위치를 고객이 더 정확하게 알 수 있을 때, 고객이 최적의 결정을 하는데 도움을 줍니다. 이는 고객이 기다리는 시간을 줄이고, 정보가 다름으로 해서 야기되는 취소요청을 줄일 수 있습니다. 

 

오토바이 노선의 ETA 정확도 향상

지리적으로 볼 때, 도로가 한정되어 있고 주차공간이 제한되어 있으며, 비싸기 때문에 오토바이는 중요한 이동수단입니다.

오토바이 매핑은 독특한 라우팅, ETA모델 그리고 네비게이션 역량이 필요합니다. Google의 개선된 라우팅과 ETA 측정 기능은 Gojek (인도네시아 교통수단 중 오토바이 픽업서비스)의 사례처럼 인터넷 환경이 좋지 않거나, 도로의 정보가 부족한 경우에서도 보다 정확한 위치 정보를 제공해 주었습니다. 

오토바이 경로 (왼쪽) 그리고 차량 경로 (오른쪽) 차이. 오토바이 경로는 좁은 길 또한 해당되기 때문에 이를 반영하여 차량 경로보다 더 단축된 경로를 제공.  

 

최근에 오토바이에 대한 머신러닝을 통해 ETA 정확도를 더욱 향상시켰습니다. 이는 시스템이 서로 다른 지역과 시나리오에서 발생하는 혼잡과 트래픽 흐름의 차이를 설명하는 데도 도움이 됩니다.

전 세계적으로는 라이더의 ETA 정확도가 최대 8%, 온디멘드 라이딩과 배송 ETA 정확도가 최대 6% 향상되는 것으로 측정되는 것을 확인했습니다. 이러한 개선은 실시간 여행정보 서비스와 주문 서비스에서 고객의 경험을 더 만족시켜 줄 수 있습니다. 

Dunzo과 Gojek 뿐만이 아니라 말레이시아의 BungkusIT 또한 신속하고 정확한 배송을 위해 Google Maps Platform을 활용하고 있습니다.

 

오늘 소개해드린 구글 지도의 기능 중 어떤 기능을 가장 인상 깊게 보셨나요?
구글 지도에 대해 더 많은 정보를 얻고 싶다면, SPH로 문의 부탁드립니다 :)

 

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

구글지도를 활용한 웨비나 성공적 마무리

지난 7월 20일 코로나 이후 새로운 도약을 준비하는 여행산업과 Google Maps Platform 이라는 주제로 진행했던 웨비나가 성황리에 종료되었습니다.

휴가철을 앞두고 여행이라는 흥미로운 주제 덕분인지 250여명이상이 참여를 신청해주셨고, 70%이상의 높은 참석률이 돋보였습니다.

1. 환영인사

: Samuel Jeanblanc, Regional Manager – North Asia, Google

2. 코로나 이후 여행시장 동향과 전망 

: 컨슈머인사이트 김민화 연구위원

 

3. DX기반 인터파크 투어 혁신의 시작 – 자유여행플랫폼

: 인터파크투어 서비스기획본부장 안재호 상무

 

4. Google Maps를 통한 여행 플랫폼의 미래

: SPH 기술지원그룹 이주영 매니저

 

5. GMP 활용 여행 플랫폼 사례를 통한 로케이션인텔리전스

: SPH 사업본부 조영만 차장

*참고 : 웨비나 스피커별 발표영상/자료 

 

저희 SPH는 오프라인에서 찾아뵙기 힘든 코로나라는 특수한 상황을 맞아, 

매월 다양한 산업을 대상으로 온라인으로 찾아뵙는 웨비나를 개최하고 있습니다.

회를 거듭할수록 더 나은 행사를 위해 저희는 항상 새로운 고민을 거듭하고 있습니다. 특히 이번 웨비나에서는 각 스피커를 직접 소개하는 영상을 촬영하고 편집하여 송출하는 새로운 시도를 해보았는데, 좋은 반응을 보여주셔서 무더위를 뚫고 발로 뛴 보람이 더 컸습니다. 

앞으로도 더 흥미롭고 알찬 컨텐츠로 찾아뵐 수 있도록 하겠습니다. 

다음 웨비나에서 또 만나요 :-)

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

지도 플랫폼의 양대산맥 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 / 로케이션인텔리전스 관련 최신 소식 을 받아보고 싶으신 분들은  페이스북 페이지  또는  뉴스레터 를 구독 해 주시길 바랍니다. 감사합니다.

새로운 WebGL 기반 지도 기능 사용하기

새로운 WebGL 기반 지도 기능 사용하기

이번 Google I/O 2021에서 소개된 Google Maps Platform에 대한 이야기를 공유해 드리고자 합니다. Google은 Maps JavaScript API의 새로운 기능인 “기울기와 회전(Tilt and Rotation) 옵션”과 “WebGL Overlay View”의 베타 버전을 발표했습니다.

새로운 기능은 GCP 콘솔을 통해 벡터 지도의 Map ID를 생성해서 벡터 지도를 배경 지도로 호출하면 이용할 수 있습니다. 물론 베타 버전이기 때문에 스크립트 호출 시 “v” 파라미터를 아래와 같이 “beta”로 설정해야 합니다.

<script src=”https://maps.googleapis.com/maps/api/js?key=API_KEY&v=beta&callback=initMap”></script>

기울기와 회전 옵션은 배경 지도가 벡터 지도이기만 하면 사용이 가능합니다. 이를 통해 2D 지도의 한계를 넘어서 기울이기와 회전이 가능하게 되었습니다. 게다가 일정 줌 레벨 이상이 되면 세계 주요 도시에서 3D 건물 모델링을 확인할 수 있습니다.

또한 지금까지의 Overlay View는 구글 지도 위에 투명 레이어를 통해서 2D 그래픽만을 랜더링할 수 있었습니다. 하지만 이제 WebGL Overlay View를 통해 벡터 지도 위에 3D 그래픽을 직접 랜더링할 수 있습니다. 이를 통해 이전에는 불가능했던 새로운 지도 경험을 사용자에게 제공할 수 있게 되었습니다.

 

👩‍🎓 WebGL이란?

WebGL은 원래 Mozilla Foundation에서 개발한 low-level 브라우저 API입니다. 이는 웹 어플리케이션에서 휴대폰 및 컴퓨터와 같은 클라이언트 장치의 GPU (그래픽 처리 장치) 자원에 접근 할 수 있게 합니다. 덕분에 원래 브라우저는 자체적으로 3D 랜더링하는 데 필요한 무거운 계산을 처리 할 수 ​​없었지만, WebGL을 사용하면 이러한 계산을 클라이언트 장치의 GPU에서 처리할 수 있습니다.

👩‍🎓 요구사항

WebGL Overlay View를 사용하려면 벡터지도가 활성화 된 지도 ID가 필요합니다. 또한 지도 ID를 생성 할 때 기울기 및 회전을 활성화 옵션을 체크해야 합니다. 그렇지 않으면 지도가 2D 지도와 같이 기본 하향식 보기로 제한됩니다. 즉, 지도를 3차원으로 볼 수 없게 됩니다.

👩‍🎓 기울기 및 회전 설정

지도를 로드할 때 기울기와 회전 정도를 설정하려면, 지도 객체를 만들 때 “tilt” 및 “heading” 속성 값을 제공하면 됩니다.

const mapOptions = {
  mapId: "15431d2b469f209e",
  tilt: 0,
  heading: 0,
  zoom: 17,
  center: {
    lat: -33.86957547870852, 
    lng: 151.20832318199652
  }
}
const mapDiv = document.getElementById("map");
const map = new google.maps.Map(mapDiv, mapOptions);

기울기는 0과 67.5 사이의 값을 가지며, 0도는 기본 직선 보기이고 67.5는 최대 기울기입니다. 사용 가능한 최대 기울기는 zoom 레벨에 따라 달라집니다.

회전은 heading 속성에서 0도에서 360도 사이의 값을 가집니다. 여기서 0은 정북향을 의미합니다.

지도 객체에서 직접 “setTilt()” 및 “setHeading()” 함수를 호출하여 원할 때마다 기울기 및 회전을 변경할 수도 있습니다. 이벤트에 대한 응답으로 지도의 기울기나 방향을 변경하려는 경우 유용합니다.

map.setTilt(45);
map.setHeading(180);

또한 사용자는 <shift> 키를 누른 상태에서 마우스를 드래그하거나 키보드의 화살표 키를 사용하여 지도의 기울기 및 회전을 수동으로 제어 할 수 있습니다.

 

👩‍🎓 맵에 WebGL Overlay View 추가

WebGL Overlay View는 “google.maps.WebglOverlayView”의 객체를 생성하여 Maps JavaScript API에서 사용할 수 있습니다. 오버레이 인스턴스가 생성되면 인스턴스에서 “setMap”을 호출하여 지도에 적용하기만 하면됩니다.

const webglOverlayView = new google.maps.WebglOverlayView;
webglOverlayView.setMap(map);

지도에 랜더링되는 모든 객체를 처리하기 위해 WebGL Overlay View는 5가지 지점에서 WebGL 랜더링 컨텍스트의 라이프사이클에 접근할 수 있습니다.

➡️ 아래는 라이프사이클에 대한 간단한 요약입니다.

  • “onAdd”는 대부분의 전처리가 수행되는 곳입니다. 여기에서 모든 작업을 수행하는 이유는 지도 랜더링에 지장을주지 않도록 하기 위한 것입니다.
  • “onRemove”는 모든 중간 객체를 제거할 수 있습니다.
  • “onContextRestored”는 지도가 랜더링되기 전에 호출되며 WebGL 상태를 초기화합니다.
  • “onDraw”는 지도와 앞서 설정된 모든 것이 랜더링되는 곳입니다.
  • “onContextLost” 이 시점부터 WebGL 컨텍스트는 제거됩니다.

라이프사이클을 관리하려면 Maps JavaScript API가 WebGL 적절한 지점에서 실행할 함수를 구현하세요.

예시 :

webglOverlayView.onDraw = (gl,
coordinateTransformer) => { //do some
rendering }

 

👩‍🎓 카메라 애니메이션 만들기

WebGL Overlay View 베타 릴리즈의 일부로 카메라 위치, 기울기, 회전 및 확대/축소를 동시에 설정하는 데 사용할 수 있는 “moveCamera()”가 도입되었습니다. “setTilt()” 및 “setHeading()”과 마찬가지로”moveCamera()”는 지도 객체에서 직접 호출됩니다.

애니메이션 루프에서 “moveCamera()”를 연속적으로 호출하면 카메라 위치 변경을 따라 부드러운 애니메이션을 만들 수도 있습니다. 아래는 브라우저의 “requestAnimationFrame” API를 사용하여 각 프레임의 기울기 및 회전을 변경한 예제입니다.

const cameraOptions = {
  tilt: 0,
  heading: 0
}

function animateCamera () {
  cameraOptions.tilt += 1;
  cameraOptions.heading += 1;
  map.moveCamera(cameraOptions);
}

requestAnimationFrame(animateCamera);

 

👩‍🎓 한번 시도해 보세요! 

베타 버전에서 API를 호출하여 Maps JavaScript API의 새로운 WebGL 기반 기능을 지금 바로 사용해 볼 수 있습니다. 시작하는 데 도움이 되는 샘플 코드 및 예자와 모든 세부 정보가 포함된 새로운 코드랩공식 문서가 있습니다. 또한 기능 둘러보기 및 데모를 확인하여 이러한 기능의 실제 구현에 대해 자세히 알아보고 사용해보세요.

새로운 WebGL 기반 지도 기능을 테스트하고 개선하는 데 도움이 되는 버그 리포트, 기능 요청 및 피드백이 필요합니다! 3D 지도를 사용하여 재미있게 건물을 만들어보세요. 소중한 피드백 부탁드립니다. 🙏 ❤️

 


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