新城公交信息地图服务
我们参与开发了省级地方政府为新城居民打造的公交信息网页地图服务。居民可以在地图上实时查看各线路公交的位置与各站预计到站时间。使用者是还不熟悉当地公交的新入住居民,线路、站点和公交若不能一眼看懂,这项服务就没有用处。我们负责把在炼油企业网页地图中积累的地图技术扩展到公共交通,并把交通数据一路接到地图界面。
显示公交此刻在哪、何时到站的地图
新城公交信息地图服务是居民在网页地图上实时查看各线路公交位置与到站信息的公共服务。在公交信息系统中,每辆公交上的终端把卫星定位的位置发送到中心,中心据此计算各站点的预计到站时间,并显示在网上和站点的信息显示屏上。网页地图是居民出门坐车前查看这些信息的窗口。主要用户是还不熟悉公交线路的新入住居民,所以一打开地图就要立刻看到站点和驶来的公交。我们参与了这些界面的开发。

把线路、站点与公交叠在一张地图上的可视化
公交信息是线路、站点、公交位置和到站信息彼此交织的数据。打开公交信息服务的居民想知道的通常只有两件事:自己要去的站点在哪里,自己的车现在还差几站。若排成表格,居民连找到自己的线路都很困难。我们把这四类信息一起画在地图上,让哪条线路的公交已接近哪个站点,在一张地图上就能看清。

从炼油企业网页地图扩展到公共交通的地图技术
公交信息地图建立在此前为炼油企业网页地图和加油站位置指引服务积累的地图技术之上。我们按公交信息服务的要求,扩展了地图显示、平移、缩放和位置呈现。原本显示固定加油站的地图,在这项服务中开始显示沿线路移动的公交。

把大量交通数据接到地图界面的处理流程
公交位置与到站信息是持续涌入的大量交通数据。我们搭建了接收这些数据、并转换成网页地图界面所需形式的处理流程,并与地图界面对接。这是新城居民真实使用并反馈意见的服务,也成为此后持续从事公共服务和地图服务的起点。

项目亮点
在地图上实时显示各线路公交位置与到站信息
把网页地图技术扩展到公共交通服务
把大量交通数据接到地图界面的处理流程
洞察
GA4 client_storage: 'none'은 정말 쿠키를 막을까?
두 달 전 이 블로그에 「GA4 쿠키 없이 쓰기」라는 글을 썼습니다. clientstorage: 'none' 으로 쿠키 저장을 끄고, 자체 분석이 쓰던 익명 ID 를 clientid 로 넘기면 쿠키 0개로 GA4 를 쓸 수 있다는 내…
GA4 Measurement Protocol: gtag.js 없이 서버에서 이벤트 보내기
랜딩 페이지의 전송량을 파일 단위로 쪼개 보다가, 가장 큰 파일이 우리 코드가 아니라는 것을 알았습니다. Google Analytics 의 gtag.js 였고, 방문 한 번에 176KB 를 받고 있었습니다. 페이지 전체가 1,094K…
중소 제조업 AI 도입 순서: DX를 먼저 끝내야 할까?
공장을 가진 중소·중견 제조기업 16만여 곳 가운데 스마트공장을 도입한 곳은 19.5%입니다. 회사가 작을수록 이 비율은 더 떨어집니다. 중소벤처기업부가 2025년 4월에 낸 제1차 스마트제조혁신 실태조사 결과입니다. 그림: 기업 규…
Next.js loading.tsx와 404: 버튼이 화면보다 먼저 살아나게 하기
관리 화면 왼쪽 위에 사이드바를 접고 펴는 ☰ 버튼이 있습니다. 폭 하나 바꾸는 버튼인데, 대시보드에서 누르면 2초 넘게 아무 반응이 없었습니다. 레이아웃만 바꾸는 일이 왜 이렇게 오래 걸리는지부터 들여다봤습니다. Next.js 16…



