資料 ・ Traffic Data
即時路況
同一份路網，依當下的車速一段一段上色，而非整條路一個顏色。
匝道、路口與直行段各有各的狀況，我們能讓你精準看出哪一段在塞車。
TrafficFlowControl 後，即可開關以查看即時路況呈現效果。Levels
四個等級，四個顏色
路況不是連續數值，是四個等級，顏色可以自己指定。
持續更新
四個等級與顏色照 TrafficFlowControl 的預設值
- 順暢
freeFlow#64CB5A - 車流量大
slow#DDD632 - 車速緩慢
queuing#F59554 - 壅塞
stationary#E02A5A
How to
使用控制器開啟路況
在 style.load 之後 new 一個 TrafficFlowControl 加進地圖就好。useButton 決定要不要用它內建的開關按鈕，color 決定四個等級各自的顏色。
map.on("style.load", () => {
const trafficFlowCtrl = new mapPlus.TrafficFlowControl({
// 是否使用按鈕控制即時路況的開關
useButton: true,
// 設定即時路況的顏色
color: {
freeFlow: "#64CB5A", // 順暢的
slow: "#DDD632", // 車流量大
queuing: "#F59554", // 車速緩慢
stationary: "#E02A5A", // 壅塞的
},
});
map.addControl(trafficFlowCtrl, "top-right");
});要自己控制開關就把 useButton 設成 false， 改用 map.addControl() 與 map.removeControl()。完整參數見 即時路況工具 範例。
Where it lands
路況應用
同一份路況也是導航在算「現在走哪條比較快」的依據。圖上看到的顏色，跟 API 算路時吃的是同一份資料。