SNUBUS [트러블 슈팅(7)] - 버스 경로선(폴리라인) UI '기술적으로' 최적화하기(Directions API 활용)

이번에는 SNUBUS에서 버스 경로선(폴리라인) UI를 '기술적으로' 최적화했던 과정을 정리해보려고 한다! 1️ [닥친 문제]버스 경로선(폴리라인) 좌표의 부정확성 SNUBUS에서 가장 중요한 기능은 서울대학교를 지나는 버스의 정보를 정확하고, 보기 좋은 UI를 통해 구성하는 것이다.

그래서 단순히 버스들의 위치와 정류장 위치, 버스 도착 정보만 보여주는 것이 아닌 버스의 경로선(폴리라인)을 보여줌으로써 버스들의 위치를 더욱 보기 쉽게 하고 각 버스의 경로가 어떻게 되는지 보여주기로 했다. 레퍼런스로 찾아본 것은 카카오맵의 버스 경로선(폴리라인)이었다.

카카오맵의 5511번 버스 경로선(폴리라인) 카카오맵의 레퍼런스 링크 https://map.kakao.com/?urlX=690107.0&urlY=1163015.0&name=%28%EC%A3%BC%29%EC%94%A8%EC%98%A4%EC%BD%A4 카카오맵 당신을 좋은 곳으로 안내 할 지도 map.kakao.com 위 카카오맵의 ...