資料 ・ Traffic Event
交通事件
我們把事件以點的形式鋪在圖上,量大時自動聚合,拉近才散開成一個一個獨立的事件點,並把受影響的那一段路也一併標出來。
TrafficConditionControl 之後即可呈現在地圖上。Cluster
拉遠是一顆,拉近是一群
全台幾百起事件同時畫上去就是一團點,這一層自帶聚合。
拉遠看得到哪一區事件多,拉近才知道是哪幾起、各是什麼、影響了哪一段。
聚合 ↔ 散開
- 打開控制器之後,style 裡多出來的東西
kw_tf_condsource事件點位的資料來源,已開啟聚合kw_tf_cond_clustercircle聚合後的泡泡kw_tf_cond_countsymbol泡泡上的事件數kw_tf_cond_poisymbol個別事件的圖示kw_tf_cond_y_lineline受影響路段(#FFBB32 虛線)kw_tf_cond_bk_lineline受影響路段的外框
How to
交通事件控制器
跟即時路況同一個做法:在 style.load 之後 new 一個 TrafficConditionControl 加進地圖。
const map = await new mapPlus("map", {
accessKey: "<your-access-key>",
accessToken: "<your-access-token>",
style: "https://kw3dmap.localking.com.tw/openapi/map/kwmap.etxt",
center: [121.56593832620217, 25.034813919574532],
zoom: 10,
});
await new Promise((resolve) => map.on("style.load", resolve));
const trafficCond = new mapPlus.TrafficConditionControl();
map.addControl(trafficCond, "top-right");